css

header{
    background: linear-gradient(rgb(255, 255, 255), black);
    padding: 20px 0;
}

body {
    font-family: 'Montserrat', sans-serif;
    line-height: 0;

}

.caixa{
    position: relative;
    width: 940px;
    margin: 0 auto;
}
nav{
    position: absolute;
    top: 110px;
    right: 0;
}

nav li{
    display: inline;
    margin: 0 0 0 15px;
}

nav a{
    text-transform: uppercase;
    color: black;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
}

nav a:hover{
    color: rgba(253, 199, 100, 0.493);
    text-decoration: underline;
}

.banner{
    width: 100%;
    height: 620px;
}


.titulo-principal{
    text-align: center;
    margin: 0 0 1em;
    color: #bbbbbb;
    font-size: 2em;
    text-transform: uppercase;
    clear: left;
}

.titulo-principal::before{
    content: "[  ";
}
.titulo-principal::after{
    content: "   ]";
}
.texto{
    color: #bbbbbb;
    text-align: left;
    font-size: 20px;
    padding: 20px;  
}

.utensilios{
    width: 150px;
    float:left;
    margin: 0 20px 20px 0;
}

.mapa {
    padding: 3em 0;
}

.mapa p {
    margin: 0 0 2em;
    text-align: center;
    color: #bbbbbb;   
}

.beneficios{
    font-size: 20px;
    text-align: center;
    color: #bbbbbb;
    margin: 10% 0;


}

.couteudo-beneficios{
    width: 640px;
    margin: 0 auto;
    padding: 2em;
}

.lista-beneficios{
    width: 40%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.imagem-beneficios{
    width: 60%;
    padding: 1em;
}
.video{
    width: 560px;
    margin: 2em auto;
}

.itens{
line-height: 1.5;

}

.itens:before {
    content: "✄";
}

main{
    background: #000000;
    padding: 110px;
    line-height: 1;
}

footer{
    background: #000000;
    text-align: center;
    padding: 20px ;
    background: linear-gradient(black,rgb(94, 94, 94));
}
.copyright{
    font-size: 13px;
    color: #bbbbbb;
    padding: 10px;
}