body{
    background: rgb(104, 80, 95);
    margin: 0px;
    padding: 0px;
    text-rendering: optimizeSpeed;
    font-family:'Roboto Condensed', sans-serif;
    color:white;
    font-size: x-large;
}
#cabeza{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    background: linear-gradient(356deg, rgba(105, 74, 93, 1) 2%, rgba(138, 106, 126, 1) 54%, rgba(92, 58, 79, 1) 98%);
    padding-bottom: 2vh;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: rgb(255, 225, 179);
}
#logo-cabeza{
    margin-left: 5px;
    margin-top: 5px;
    width: 100px;
    height: 75px;
}
#nombre-cabeza{
    width: 200px;
    height: 35px;
    margin-left: 1vw;
}
#logo-inicio{
    display: flex;
    align-items: flex-end;
}
.vinculoUrl{
    text-decoration: none;
    color: white;
}
.burger{
    letter-spacing: 0.1em;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
.burger:hover{
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
#menu-burger{
    background: linear-gradient(356deg, rgba(105, 74, 93, 1) 2%, rgba(138, 106, 126, 1) 54%, rgba(92, 58, 79, 1) 98%);
    width: 100%;
    justify-content: space-evenly;
    display: flex;
    position: fixed;
    bottom:0;
    padding-block: 20px;
    margin: 0px;
    list-style-type: none;
    box-shadow: 2px 0px 3px 4px rgba(255, 232, 165, 0.363);
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: rgb(255, 225, 179);
}
ul{
    padding-inline-start: 0;
}
.contacto{
    text-decoration: none;
    color: rgb(104, 80, 95);
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
.contacto:hover{
    -webkit-transform: scale(1.3); 
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.secciones-contacto{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgb(104,80,95);
}
.logo-contacto{
    width: 10vh;
    height: 10vh;
}
.h-contacto{
    margin-top: 0px;
}
.box-footer{
    background: rgba(255, 249, 220, 0.774);
    box-shadow: 2px 0px 3px 5px rgba(0, 0, 0, 0.363);
}
.div-pie{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding-bottom: 50px;
}
@media (max-width: 1250px){
    .burger{
        font-size: large;
    }
}
@media (max-width: 1000px){
    h5{
        font-size: medium;
    }
}
@media (max-width: 820px){
    #logo-cabeza{
        width: 50px;
        height: 50px;
        margin-top: 1.5vh;
        margin-left: 0.5vw
    }
    #nombre-cabeza {
        width: 100px;
        height: 18px;
        margin-left: 0vw;
    }
    #menu-burger {
        margin-top: 2vh;
    }
}
@media (max-width: 700px){
    .burger{
        margin-left: 3vh;
        margin-right: 3vh;
    }
}
@media (max-width: 600px){
    .burger{
        margin-right: 2vh;
        margin-left: 2vh;
    }
    
}
@media (max-width: 500px){
    .burger{
        font-size: medium;
    }
}
@media (max-width: 470px){
    .burger{
        font-size: small;
    }
    .logo-contacto{
        width: 7vh;
        height: 7vh;
    }
    .h-contacto{
        font-size: small;
    }
    
}
@media (max-width: 440px){
    .burger{
        margin-right: 1vh;
        margin-left: 1vh;
    }
    .logo-contacto{
        width: 5vh;
        height: 5vh;
    }
    .h-contacto{
        font-size: x-small;
    }
}
@media (max-height: 500px){
    #logo-cabeza{
        display:none;
    }
    #nombre-cabeza{
        margin-top:1vh;
    }
}
@media (max-height: 360px){
}
@media (max-height: 280px){
}