/* Mobile */
@media (max-width: 767px) {
    body {
        height: 1600px;
    }

    .h2, h2 {
        font-size: 60px;
        font-family: Causten-bold;
        color: #EF0363;
        line-height: normal;
    }

    p, h1, h2, h3, h4, li, a {
        text-align: center!important;
    }

    .quote-section {
        padding: 50% 0 40% 0;
    }
    
    .footer {
        padding: 40% 0 20% 0;
    }

    .h-50 {
        height: 20vh!important;
    }
}

/* Tablet & small screens: */
@media (min-width: 768px) and (max-width: 991px) {

    body {
        height: 1730px;
    }

    .h1, h1 {
        font-size: 55px;
    }

    .h2, h2 {
        font-size: 80px;
        line-height: 70px;
    }
    
    .header-section {
        padding-top: 15vh;
    }

    .quote-section {
        padding: 40% 0;
    }

    .h-50 {
        height: 40vh!important;
    }

    /* .footer {
        padding: 25% 0;
    } */

}

@media (min-width: 992px) and (max-width: 1199px) {
    body {
        height: 2000px;
    }

    .h2, h2 {
        font-size: 90px;
        line-height: 80px;
    }

    .quote-section {
        padding: 25% 0;
    }

    .header-section {
        padding: 10% 0;
    }
}

/* Laptop: */
@media (min-width: 1400px) and (max-width: 1600px) {
    
    body { 
        background: linear-gradient(linear-gradient(180deg, #F5E7FC 0%, #DAD0E5 20%, #B4AFC5 50%, #313F56 78%, #23334A 95%, #071B33 100%));
    }
}