@font-face {
    font-family: ExoRegular;
    src: url("fuentes/Exo2-Regular.ttf");
}
@font-face {
    font-family: ExoBold;
    src: url("fuentes/Exo2-Bold.ttf");
}


* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    /* border: 3px solid black; */

}
/* 
#512e04
#8f602c 
#ffb400
*/
/* Header */
header {
    background-color: #512e04;
    display: flex;
}
#logo {
    flex-basis: 15%;
    color: #ffb400;
    font-family: ExoBold, sans-serif;
    font-size: 110%;
    padding-left: 2%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
#menu {
    flex-basis: 75%;
    font-family: ExoRegular, sans-serif;
    align-content: center;
}
#menu ul{
    display: flex;
    
    
}
#menu li{
    list-style: none;
    padding-right: 13%;
    text-transform: uppercase;
    align-content: center;
}
#menu a{
    text-decoration: none;
    color: white;
}
/* ---------main */
main {
    flex-basis: 750vh;
    display: flex;

}
#menuT {
    display: flex;
}
#imagen{
    display: flex;
    align-items: center;
    justify-content: right;
}
#imagen img {
    width: 150%
}
#text{
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-basis: 70%;
    padding: 0 14% 0 14%;
    display: flex;
    justify-content: center;
}
#delis{
    margin-bottom: -10%;
    font-family: ExoRegular, sans-serif;
    color: #512e04;
}
#ham {
    padding-top: 0px;
    font-family: ExoBold, sans-serif;
    color: #ffb400;
    font-size: 300%;
}
main p {
    color: #512e04;
    font-family: ExoRegular, sans-serif;
}
main button{
    width: 100px;
    border-radius: 20px;
    padding: 0.5rem 1rem 0.5rem 1rem;
    font-weight: bold;
    font-family:Exobold, sans-serif;
    margin-top: 8px;
    font-size: 75%;
}
#reservar{
    border-color: #8f602c;
    background: #8f602c;
    color: white;

}
#llevar{
    border-color: #8f602c;
    background: white;
    color: #8f602c;

}

/* Footer */
footer{
    font-size: small;
}