*{
    color:black;
    transition:0.5s;
    margin:0;
    border:0;
}

::selection{
    background-color: #ad9966;
    color:white;
}

.opcoes-menu{
    display:inline-block;
    width:4.5%;
    margin-left: 50vh;
}

header>ul{
    padding:0;
    list-style:none;
    text-align: center;
    font-size:13px;
    letter-spacing: 0.5vh;
  
}

ul{
    text-align: center;
}

li{
    display:inline;
    font-family:"Roboto",sans-serif ;
    font-size:13px;

    
}

.menu{
    display:grid;
    grid-template-columns: repeat(3,12vh) 64vh repeat(3,16vh);
    justify-items: center;
    align-items:center;

    text-align: center;
    color:black;
    height:14vh;
    
    margin-right: 10vh;
    position:fixed;
    width:100%;
    margin-top:0;

    z-index:60;
   background-color:white;
}


.opcoes-menu>li{
    height:fit-content;
    background-color:white;
}
.pag{
    text-decoration: none;
}

.pag:hover{
    color:#ad9966;
    transition:0.3s;
}

.ativa{
    color:#ad9966;
}

.logo>img{
  width: 70px;;
  height:83px;  
  padding-left:1em;
  padding-right:1em;
  vertical-align:center;

}

.parte-animada:hover .drop{
    position:absolute;
    display:inline-block;
    height: 0;
    width: 0;
    margin-left: .225vh;
    vertical-align:.225vh;
    content:"";
    border-top:.3em solid;
    border-right:.3em solid transparent ;
    border-left:.3em solid transparent ;
    border-bottom:0 ;
}





.sec01{
    height:120vh;
    width:100%;
    background-image: url(header-bg.png);
    background-repeat:no-repeat;
    background-position:center;
    vertical-align:center;
    padding:0;
    margin:0;
    margin-top:15vh;
    position:absolute;
   
}

#titulo{
    position:absolute;
    top:65%;
    left:50%;
    color:white;
    transform:translate(-50%,-50%)
}

#titulo p{
    font-size:50px;
    color:white;
    font-family:"Playfair Display",serif;
    margin-bottom:0;
    letter-spacing:10.8px;
}

#titulo span{
    font-family: Roboto;
    color:white;
    margin-left:15vh;
}

#titulo>hr{
    margin-top: 1em;
    margin-bottom: 1em;
    border: 0;
    border-top: 0.5px solid rgba(255, 255, 255, 0.993);
    box-sizing: content-box;
    height: 0;
}

#g2{
    position:relative;   
    left:20vh;
    top:150vh;
    width: 85vh;
}

.embaixo-form01{
    margin-left:125vh;
    margin-top:70vh;
    width:40%;
    left:0;
    float:right;
    position:absolute;
}

.chef-quote{
    font-size:50px;
    text-transform: uppercase;
    font-family: Playfar,serif;
    letter-spacing: 2vh;
    margin-bottom:10vh;
}

.texto-aleatorio02{
    margin-top:5vh;
    font-size:18px;
}

.bife-com-batata{
    margin-top:165vh;
    margin-left:15vh;
}

.chef{
    position:relative;
    z-index:50;
    float:right;
    margin-top:20vh;
    margin-left:105vh;
    margin-right:17vh;
}

.embaixo-form{
    margin-left:20vh;
    margin-top:45vh;
    width:40%;
    left:0;
    float:left;
    position:absolute;
}

.chef-quote{
    font-size:55px;
    text-transform: uppercase;
    font-family: Playfar,serif;
    letter-spacing: 2vh;
}

.texto-aleatorio03{
    margin-top:5vh;
    font-size:18px;
}

.rodape{
    display:grid;
    grid-template-columns: repeat(4,35vh) 50vh;

    background-color:#04091e ;
    font-family:Roboto,serif;
    width:100%;
    height:60vh;
    margin-top:20vh;
    margin-bottom:0;
    
}

.rodape::selection{
    background-color: #3f3e3e;
    color:#010000;
}

.rodape>ul{
     margin-left:8.4vh;
    margin-top:15vh;
}
.rodape>ul>li{
    display:grid;
    justify-items:start;
   
    padding-left:0px;
    border:none;
    margin:fit-content;

    font-size:15px;
    color:#777777;
    font-family:Roboto,serif;
}

#li-titulo{
    font-size:20px;
    color:rgb(255, 255, 255);
    font-family:Playfair Display,serif;
   
}

.rodape>ul>li>.email>input{
   height:6vh;
   border:0.3px solid;
   border-color: #777777;
   background-color: #04091e;
   color: #777777;
}
.rodape>ul>li>.email>button{
    display:inline;
    background-color:#ad9966;
    color:white;
    height:6.1vh;
    border:none;
    width:6vh;
}

.copyright{
    background-color: #04091e;
    height:15vh;
    width:100%;
    color:#777777;
    font-family:Roboto,serif;
    margin-top:0;
    display:inline-block;
    
}


.copyright>button>svg{
    width:3vh;
    height:3vh;
    opacity:50%;
    color:#ad9966;
    
}
#socials{
margin-left:55vh;
}

