/***** CSS FONT *****/ 
.logo{
    font-family: "aglet-slab-variable",sans-serif;
    font-variation-settings: 'wght' 600;
}
p{
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 200;
    font-style: normal;
    letter-spacing: 0.5px;
}
h1{
   font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;
}
h2{
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 600;
    font-style: normal;
}
h3, nav{
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 400;
    font-style: normal;
}
/***** CSS FONT *****/ 
/***** CSS GRID *****/ 
.header{
    display:grid;
    grid-template-columns:1fr 6fr;
}
.container{
    display:grid;
    grid-template-rows: auto ;
    grid-template-columns: auto ;
}
 /***** CSS GRID *****/
/***** CSS MENU *****/
nav ul {
    list-style: none;
    display: flex;
    justify-content:center;
    gap:2rem;
}
nav ul li a{
    text-decoration: none;
    color: black;
} 
/***** CSS MENU *****/ 

/***** CSS IMAGES *****/ 
img{
    width: 80%;
      transform: translateY(-30%);
}
.corte{
    height:70%;
    overflow: hidden;
}
/***** CSS IMAGES *****/