@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap');

h1{
    font-family: 'Montserrat', sans-serif;
    font-size: 80px;
    line-height: 88px;
    font-weight: bold;
}

h2{
    font-family: 'Montserrat', sans-serif;
    font-size: 64px;
    line-height: 72px;
    font-weight: bold;
}

h3{
    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    line-height: 56px;
    font-weight: bold;
}

h4{
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    line-height: 40px;
    font-weight: bold;
}

p, a, li{
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
}
span{
    font-weight: bold;
    color: var(--yellow);
}
h1 p{
    font-size: 80px;
    line-height: 88px;
    font-weight: bold;
}

@media screen and (max-width: 1260px) {
    h1{
        font-size: 48px;
        line-height: 56px;
    }
    
    h2{
        font-size: 40px;
        line-height: 48px;
    }
    
    h3{
        font-size: 32px;
        line-height: 40px;
    }
    
    h4{
        font-size: 28px;
        line-height: 32px;
    }
    
    p, a, li{
        font-size: 20px;
        line-height: 28px;
    }
    .tags, .CTA-primary, .CTA-secondary{
        font-size: 20px;
        line-height: 24px;
    }
    h1 p{
        font-size: 48px;
        line-height: 56px;
    }
}