@import 'reset.css';
@import 'grid.css';
@import 'fuentes.css';
@import 'margenes.css';
@import 'buttons.css';

*{
    box-sizing: border-box;
    font-family: 'Potta One', cursive;
}
body{
    overflow-x: hidden;

}
img {
    max-width: 100%;
    height: auto;
}
.icono{
         width: 15%;
        height: 4vw !important;
        object-fit: cover;
        align-items: center;
    }
a{
    text-decoration: none;
    color: inherit;
}
h2{
    font-size: 1em;
    font-weight: 100;
    text-transform: uppercase;/*Pasa las minusculas a mayúsculas*/
}
/*HEADER*/
#header {
    padding-top: 1em;
    background-color: white;
}

#header img {
    width: 180px;
    height: 200px;
}
/*FIN DEL HEADER*/

/*LAYOUT*/
.container {
    width: 100%;
    max-width: 1900px;
    margin: 0 auto;
    padding: 0 1em;
    background-color: rgb(233, 238, 209);
}

.block-center-row {
    display: flex;
    justify-content: center;
    flex-direction: row;
}
.row-full{
    width: 100vh;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -49,5%;
    margin-right: -49,5%;
}
/*FIN LAYOUT*/
 
#footer{
    background-color: rgb(168,240,240);
    color: rgb(75, 116, 28);
}
.img-md{
    width: 100%;
    height: 25vh;
    object-fit: cover;
}
.img-little{
    width: 50%;
    height: 15vw;
    object-fit: cover;
}