css

            body{

            }

            #imgbanner{
                width:100%;
                /*height:266px;
                border:10px solid orange;
                padding: 20px;
                margin: 25px;*/
            }

            .principal{
                background-color:gray;
                padding:30px;
            }

            h1{ 
                text-align: center;
                color:coral;
            }

            p{
                text-align: center;
                font-size: 20px;
            }  
            /*Id*/
            #missao{
                /*#missao - Convenção a respeito de Identificador no css */
                font-size: 25px;
            }
            /* Abaixo ele está colorindo apenas o strong dentro da tag italíco */
            i strong{
                color:orange;
            }

            .itens{
                /*.itens - Convenção a respeito de classeno css */
                font-style: italic;
                font-size: 20px;
            }

            .beneficios{
                background:#FFFFFF;
                padding:20px;
            }

            h2{ 
                color:coral;
                text-align: center;
            }

            ul{
                display: inline-block;
                vertical-align: top;
                width: 20%;
                margin-right: 15%;

            }

            #imgbeneficios{
                width:50%;

            }