@font-face {
    font-family: 'AGaramondPro';
    src: url('fonts/AGaramondPro-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'AGaramondPro';
    src: url('fonts/AGaramondPro-BoldItalic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'AGaramondPro';
    src: url('fonts/AGaramondPro-Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'AGaramondPro';
    src: url('fonts/AGaramondPro-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'AGaramondPro';
    src: url('fonts/AGaramondPro-Semibold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'AGaramondPro';
    src: url('fonts/AGaramondPro-SemiboldItalic.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}



@font-face {
    font-family: 'WhitneyBlack';
    src: url('fonts/Whitney-Black-Pro.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'WhitneyBlackItalic';
    src: url('fonts/Whitney-BlackItalic-Pro.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'WhitneyBold';
    src: url('fonts/Whitney-Bold-Pro.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'WhitneyBoldItalic';
    src: url('fonts/Whitney-BoldItalic-Pro.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'WhitneyBook';
    src: url('fonts/Whitney-Book-Pro.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'WhitneyBookItalic';
    src: url('fonts/Whitney-BookItalic-Pro.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'WhitneyLight';
    src: url('fonts/Whitney-Light-Pro.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'WhitneyLightItalic';
    src: url('fonts/Whitney-LightItalic-Pro.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'WhitneyMedium';
    src: url('fonts/Whitney-Medium-Pro.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'WhitneyMediumItalic';
    src: url('fonts/Whitney-MediumItalic-Pro.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'WhitneySemibold';
    src: url('fonts/Whitney-Semibold-Pro.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'WhitneySemiboldItalic';
    src: url('fonts/Whitney-SemiboldItalic-Pro.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}



.title, .title p{
    font-family: 'AGaramondPro', sans-serif !important;
    font-size: 2.4rem;
    line-height: 3rem;
    font-weight: 700;
    color: var(--gris-osc);
}
.subtitle, .subtitle p{
    font-family: 'AGaramondPro', sans-serif !important;
    font-size: 2.2rem;
    line-height: 2.8rem;
    font-weight: 400;
    color: var(--gris-osc);
}
.WhitneyMedium, .WhitneyMedium p{
    font-family: 'WhitneyMedium', sans-serif;
    font-size: 1.6rem;
    line-height: 1.8rem;
    color: var(--gris-osc);
}
.WhitneyBook, .WhitneyBook p{
    font-family: 'WhitneyBook', sans-serif;
    font-size: 1.8rem;
    line-height: 2rem;
    color: var(--gris-osc);
}
p{
    font-family: 'WhitneyMedium', sans-serif;
    font-size: 1.7rem;
    line-height: 2rem;
    color: var(--gris-osc);
}
.post-images p{
    font-size: 1.2rem;
    line-height: 1.5rem;
}
@media (min-width: 768px){
    .title {
        font-size: 2rem;
        line-height: 2.663rem;
    }
    .subtitle, .subtitle p{
        font-size: 1.7rem;
        line-height: 2.2rem ;
    }
    .WhitneyMedium, .WhitneyMedium p{
        font-size: 1.2rem;
        line-height: 1.8rem;
        color: var(--gris-osc);
    }
    .WhitneyBook, .WhitneyBook p{
        font-family: 'WhitneyBook', sans-serif;
        font-size: 1.3rem;
        line-height: 1.6rem;
        color: var(--gris-osc);
    }
    p {
        font-size: 0.8rem;
        line-height: 1.1rem;
    }
    .post-images p{
        font-size: 0.7rem;
        line-height: 1rem;
    }
}
@media (min-width: 992px) {
    .title {
        font-size: 2rem;
        line-height: 2.663rem;
    }
    .subtitle, .subtitle p{
        font-size: 1.7rem;
        line-height: 2.2rem ;
    }
    .WhitneyMedium, .WhitneyMedium p{
        font-size: 1.2rem;
        line-height: 1.8rem;
        color: var(--gris-osc);
    }
    .WhitneyBook, .WhitneyBook p{
        font-family: 'WhitneyBook', sans-serif;
        font-size: 1.3rem;
        line-height: 1.6rem;
        color: var(--gris-osc);
    }
    p {
        font-size: 0.8rem;
        line-height: 1.1rem;
    }
    .post-images p{
        font-size: 0.7rem;
        line-height: 1rem;
    }
}

@media (min-width: 1200px) {

    .subtitle, .subtitle p {
        font-size: 1.7rem;
        line-height: 2.2rem;
    }
    .WhitneyMedium, .WhitneyMedium p{
        font-size: 1.2rem;
        line-height: 1.8rem;
        color: var(--gris-osc);
    }
    .WhitneyBook, .WhitneyBook p{
        font-family: 'WhitneyBook', sans-serif;
        font-size: 1.3rem;
        line-height: 1.6rem;
        color: var(--gris-osc);
    }
    p {
        font-size: 0.8rem;
        line-height: 1.1rem;
    }
}

@media (min-width: 1400px) {
    .title{
        font-size: 2rem;
        line-height: 2.6rem;
    }
    .subtitle, .subtitle p {
        font-size: 2rem;
        line-height: 2.7rem;
    }
    .WhitneyMedium, .WhitneyMedium p{
        font-size: 1.3rem;
        line-height: 1.8rem;
        color: var(--gris-osc);
    }
    .WhitneyBook, .WhitneyBook p{
        font-family: 'WhitneyBook', sans-serif;
        font-size: 1.3rem;
        line-height: 1.6rem;
        color: var(--gris-osc);
    }
    p {
        font-size: 1rem;
        line-height: 1.3rem;
    }
    .post-images p{
        font-size: 0.8rem;
        line-height: 1rem;
    }
}