@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


h1{
    font-size: 3.125vw; 
    /* 60px */
}
h2{
    font-size: 1.822vw;
    line-height: 1.5;
    /* 35px */
}
h3{
    font-size: 1.562vw;
    /* 30px */
}
h4{
    font-size: 1.25vw;
    /* 24px */
}
h5{
    font-size: 1.146vw;
    margin-bottom: 0;
    /* 22px */
}
p{
    font-size: 1.042vw;
    /* 20px */
}

.regular{
    font-weight: 400;
}

.medium{
    font-weight: 500;
}
.bold{
    font-weight: 700;
}

@media (max-width: 1200px) {
    h1{
        font-size: 6rem;
    }
    h2{
        font-size: 3.5rem;
    }
    h3{
        font-size: 3rem;
    }
    h4{
        font-size: 2.4rem;
    }
    h5{
        font-size: 2.2rem;
    }
    p , li{
        font-size: 2rem;
    }
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
    h1{
        font-size: 4.2rem;
    }
}