main h1,
header .slogan,
section h2,
section h3,
.stages .item strong{
    font-family: "Cormorant", serif;
    font-optical-sizing: auto;
    /* font-weight: 600; */
    font-style: normal;
}

main h1,
section h2{
    font-size: 32px;
}

/* заголовки */
@media (min-width: 320px) and (max-width: 479px){
    main h1,
    section h2{
        font-size: calc(32px + (50 - 32) * ((100vw - 320px) / (480 - 320)));
    }
}

@media screen and (min-width: 480px){
    main h1,
    section h2{
        font-size: 50px;
    }
}

/* слоган */
@media (min-width: 320px) and (max-width: 768px){
    header .slogan{
        font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (768 - 320)));
    }
}

@media (min-width: 769px) and (max-width: 992px){
    header .slogan{
        font-size: calc(40px + (50 - 40) * ((100vw - 769px) / (992 - 769)));
    }
}

@media (min-width: 992px){
    header .slogan{
        font-size: 50px;
    }
}

@media (min-width: 1200px){
    header .slogan{
        font-size: 60px;
    }
}

/* телефон в подвале */
@media (min-width: 320px) and (max-width: 768px){
    footer .container-fluid .phone{
        font-size: calc(18px + (23 - 18) * ((100vw - 320px) / (768 - 320)));
    }
}

@media (min-width: 769px) and (max-width: 992px){
    footer .container-fluid .phone{
        font-size: calc(23px + (27 - 23) * ((100vw - 769px) / (992 - 769)));
    }
}

@media (min-width: 992px){
    footer .container-fluid .phone{
        font-size: 27px;
    }
}

@media screen and (min-width: 992px){
    main h1,
    section h2,
    section h3,
    .stages strong{
        text-transform: uppercase;
    }
}

section.pdf a.btn{
    font-size: 16px !important;
}

@media (min-width: 380px) and (max-width: 510px){
    section.pdf a.btn{
        font-size: calc(16px + (30 - 16) * ((100vw - 380px) / (510 - 380))) !important;
    }
}

@media (min-width: 510px){
    section.pdf a.btn{
        font-size: 30px !important;
    }
}

section.pdf h2{
    font-size: 26px !important;
}

@media (min-width: 320px) and (max-width: 576px){
    section.pdf h2{
        font-size: calc(26px + (50 - 26) * ((100vw - 320px) / (576 - 320))) !important;
    }
}

@media (min-width: 576px){
    section.pdf h2{
        font-size: 50px !important;
    }
}
