@font-face {
    font-family: "Evogria";
    src: url('Evogria.otf') format("opentype");
    font-weight:normal;
    font-style: normal;
}
*{
    margin: 0%;
    padding: 0%; 
    font-family: "Evogria", Times, serif;
}
body, html{
    background-color: rgb(83, 82, 82);
width: 100vw;
height: 100vh;

    
}
main{
    position: absolute;
    top: 490px;
    width: 100vw;
    height: auto;
    text-align: center;
   
    }
    footer{
        position: absolute;
        top: 2070px;
        width: 100vw;
        height: 70px;
        background-color:   #d8b103;
    }
    a{
       
        color: rgb(17, 17, 19);
        text-decoration: none;/*tira a linha debaixo do link*/
    }

nav#menu{
    position: absolute;
    height: 70px;
    width: 100vw;
    background-color: rgb(83, 82, 82);
    
}


table#menu{
    position: absolute;
    top: 8px;
    width: 99vw;
    height: 60px;
    text-align: center;
    font-size: 0.6em;
    background-color: #d8b103;
    border-radius: 2%;
}
td#espaço{
    width: 700px;
    
}

.efeitobotao:hover{
background-color:  #8a7a34;
border-radius: 5%;
transition: 1s;


}
a#instagram{
    position: absolute;
    top: 13px;
    left: 3%;
    width: 10px;
    height: 10px;
 }
 a#whatsapp{
    position: absolute;
    top: 10px;
    left: 8%;
    width: 10px;
    height: 10px;
 }
 a:hover{
    text-decoration: underline;/*Adiciona linha debaixo dos links*/
}
 a>img:hover{
    width: 38px;
    transition: 0.3s;
    
 }    
      
      iframe#iframe{
        position: absolute;
        top: 110%;
        left: 50%;
        transform: translate(-50%);
        width: 70vw;
        height: 400px;
        border-radius: 3%;
      }

        div#cafedamanha{
            position: absolute;
            top: 150px;
            width: 300px;
             height: 480px;
             border-radius: 2%;
             left: 50%;
         transform: translate(-50%);
                
        }
        a#titulocafé{
    
        font-size: 1.5em;
        white-space: nowrap;
        left: 50%;
        top: -3%;
        transform: translate(-50%,15%);
        text-align: justify;
        }

        div#almoço{
            position: absolute;
            top: 900px;
            width: 300px;
            height: 480px;
            border-radius: 2%;
            left: 50%;
            transform: translate(-50%);
            
        }
        div#pizza{
            position: absolute;
            top: 91px;
            width: 300px;
             height: 480px;
             border-radius: 2%;
             left: 50%;
         transform: translate(-50%);
             text-align: center;
        }
        div#Fundodecardapio{
            position: absolute;
            width: 98vw;
            left: 1%;
            height: 1270px;
            border-radius: 3%;
            background-image: linear-gradient(to top, white, #e9e6e6);
        }
        img#logomajore{
            position: absolute;
            top: 760px;
            left: 38%;
            width: 340px;
            height:320px;
        }


.font{
    font-size: 1.3em;
}
td#delivery{
    position: absolute;
    left: 75%;
    top: 40%;
    
   }
   td#sobrenos{
    position: absolute;
    left: 69%;
    top: 40%;
   }
   td#nossoespaço{
    position: absolute;
    left: 95%;
    top: 40%;
   }
 a#whatsapp{
    position: absolute;
    top: 20%;
    left: 15%;
 }
 div#contato{
    left: 78%;
    font-size: 0.6em;
    text-align: center;
}
p#descriçaocafé{
   
    text-align: justify;
    position: absolute;
    top: -10%;
}
a#titulocafé{
    position:absolute;
font-size: 1.5em;
white-space: nowrap;
left: 50%;
top: -20%;
transform: translate(-50%,15%);
text-align: justify;
}
a#tituloalmoço{
    position: absolute;
    left: 50%;
transform: translate(-50%);
    font-size: 1.5em;
    top: -22%;
}
a#titulopizza{
    position: absolute;
    left: 50%;
transform: translate(-50%);
    text-align: justify;
    top: 1420px;
    font-size: 1.5em;
}
p#descriçaoalmoço{
   
    position: absolute;
    top: -10%;
    text-align: justify;
}
p#descriçaopizza{
    position: absolute;
    left: 50%;
transform: translate(-50%);
    top: 1480px;
    width: 80vw;
    height: 480px;
    text-align: justify;
}
img#cafemanhaprincipal{
    position: absolute;
    top: 423px;
    width: 270px;
    height: 350px;
    left: 50%;
transform: translate(-50%);
    text-align: center;
    border-radius: 2%;
}
img#almoço{
    position: absolute;
    top: 1130px;
    width: 270px;
    height: 350px;
    left: 50%;
transform: translate(-50%);
    border-radius: 2%;
}
img#pizza{
    position: absolute;
    top: 1800px;
    width: 270px;
    height: 350px;
    left: 50%;
transform: translate(-50%);
    border-radius: 2%;
}
div#Fundodecardapio{
    position: absolute;
    width: 98vw;
    left: 1%;
    height: 2180px;
    border-radius: 3%;
    background-image: linear-gradient(to top, white, #e9e6e6);
}
footer{
    position: absolute;
    top: 2680px;
    text-align: center;
    font-size: 0.7em;
}

::-webkit-scrollbar{
    width: 0%;
    height: 0%;
}                 


@media screen and (min-width: 1501px)and (max-width: 6000px) {
    html,body{
        height: 100vh;
        width: 100vw;
    }
    table#menu{
      
        font-size: 1em;
       }
       .font{
        font-size: 2em;
       }
       .efeitobotao:hover{
        background-color: #584e22;
       }
       img#img1{ 
        background-image: url(insta.png);
        
        
      }
      iframe#iframe{
        position: absolute;
        top: 110%;
        left: 50%;
        transform: translate(-50%);
        width: 95vw;
        height: 600px;
        border-radius: 3%;
      }
       main{
        position: absolute;
        top: 78%;
        width: 100vw;
        height: 300px;
        text-align: center;
       
        }
       
       td#delivery{
        position: absolute;
        left: 88%;
        top: 40%;
       }
       
     a#whatsapp{
        position: absolute;
        top: 20%;
        left: 7%;
     }
     div#contato{
        left: 78%;
        font-size: 0.6em;
        text-align: center;
    }
    a#titulocafé{
        position: absolute;
        left: -67%;
        top: -8%;
        font-size: 3em;
    }
    p#descriçaocafé{
        position: absolute;
        left: -140%;
        top: 8%;
        width: 400px;
        height: 480px;
        text-align: justify;
    }
    a#tituloalmoço{
        position: absolute;
        left: 175%;
        top: -42%;
        font-size: 3em;
    }
    p#descriçaoalmoço{
        position: absolute;
        left: 111%;
        top: -24%;
        width: 400px;
        height: 480px;
        text-align: justify;
    }
    a#titulopizza{
        position: absolute;
        left: -65%;
        top: 260%;
        font-size: 3em;
    }
    p#descriçaopizza{
        position: absolute;
        width: 400px;
        height: 480px;
       left: -68%;
        top: 277%;
        text-align: justify;}
    
    
    img#cafemanhaprincipal{
        position: absolute;
        top: 135px;
        width: 420px;
        height: 480px;
        left: 71%;
        border-radius: 2%;
    }
    img#almoço{
        position: absolute;
        top: 255%;
        width: 420px;
        height: 480px;
        left: 30%;
        border-radius: 2%;
    }
    img#pizza{
        position: absolute;
        top: 450%;
        width: 420px;
        height: 480px;
        left: 70%;
        border-radius: 2%;
    }
    
    ::-webkit-scrollbar{
        width: 0%;
        height: 0%;
    }                 
    div#Fundodecardapio{
        position: absolute;
        width: 98vw;
        left: 1%;
        height: 1980px;
        border-radius: 3%;
        background-image: linear-gradient(to top, white, #e9e6e6);
    }
    footer{
        position: absolute;
        top: 2800px;
        width: 100vw;
        height: 70px;
        background-color:   #d8b103;
    }
    }
 
    




@media screen and (min-width: 992px)and (max-width: 1500px) {
    html,body{
        height: 100vh;
        width: 100vw;
    }
    table#menu{
      
        font-size: 1em;
       }
       .font{
        font-size: 2em;
       }
       .efeitobotao:hover{
        background-color: #584e22;
       }
       img#img1{ 
        background-image: url(insta.png);
        
        
      }
      
       main{
        position: absolute;
        top: 78%;
        width: 100vw;
        height: 300px;
        text-align: center;
       
        }
       
       td#delivery{
        position: absolute;
        left: 78%;
        top: 40%;
       }
       td#sobrenos{
        position: absolute;
        left: 84%;
        top: 40%;
       }
       td#nossoespaço{
        position: absolute;
        left: 120%;
        top: 40%;
       }
     a#whatsapp{
        position: absolute;
        top: 20%;
        left: 7%;
     }
     div#contato{
        left: 78%;
        font-size: 0.6em;
        text-align: center;
    }
    a#titulocafé{
        position: absolute;
        left: -61%;
        top: -8%;
        font-size: 3em;
    }
    p#descriçaocafé{
        position: absolute;
        left: -125%;
        top: 8%;
        width: 400px;
        height: 480px;
        text-align: justify;
    }
    a#tituloalmoço{
        position: absolute;
        left: 167%;
        top: -42%;
        font-size: 3em;
    }
    p#descriçaoalmoço{
        position: absolute;
        left: 100%;
        top: -24%;
        width: 400px;
        height: 480px;
        text-align: justify;
    }
    a#titulopizza{
        position: absolute;
        left: -59%;
        top: 260%;
        font-size: 3em;
    }
    p#descriçaopizza{
        position: absolute;
        width: 400px;
        height: 480px;
       left: -60%;
        top: 277%;
        text-align: justify;}
    
    
    img#cafemanhaprincipal{
        position: absolute;
        top: 135px;
        width: 420px;
        height: 480px;
        left: 75%;
        border-radius: 2%;
    }
    img#almoço{
        position: absolute;
        top: 255%;
        width: 420px;
        height: 480px;
        left: 26%;
        border-radius: 2%;
    }
    img#pizza{
        position: absolute;
        top: 450%;
        width: 420px;
        height: 480px;
        left: 75%;
        border-radius: 2%;
    }
    
    ::-webkit-scrollbar{
        width: 0%;
        height: 0%;
    }                 
    div#Fundodecardapio{
        position: absolute;
        width: 98vw;
        left: 1%;
        height: 1980px;
        border-radius: 3%;
        background-image: linear-gradient(to top, white, #e9e6e6);
    }
    footer{
        position: absolute;
        top: 390%;
    }
    }
 
    

        @media screen and (min-width: 600px)and (max-width: 991px) {
            *{
                margin: 0%;
                padding: 0%; 
                
            }
            .font{
                font-size: 1.5em;
            }
            table#menu{
                font-size: 1em;
            }
            a#titulocafé{
    
                font-size: 2.5em;
                
                }
            div#cafedamanha{
                position: absolute;
                top: 150px;
                width: 500px;
                 height: 580px;
                 border-radius: 2%;
                 left: 50%;
             transform: translate(-50%);
                    
            }
            a#tituloalmoço{
               
                font-size: 2.5em;
            }
        
            div#almoço{
                position: absolute;
                top: 900px;
                width: 500px;
                 height: 580px;
                border-radius: 2%;
                left: 50%;
                transform: translate(-50%);
                
            }
            a#titulopizza{
                font-size: 2.5em;
            }
            div#pizza{
                position: absolute;
                top: 91px;
                width: 500px;
                height: 580px;
                 border-radius: 2%;
                 left: 50%;
             transform: translate(-50%);
                 text-align: center;
            }
    
               
               
            }