/* ==========================================
   Landing Page - Typography
   Desktop First
========================================== */

.landing-default {
    font-size: 28px;
    line-height: 1.8;
    font-weight: 400;
    color: #333;
}

.landing-default p,
.landing-default li {
    font-size: 28px;
    line-height: 1.8;
    margin-bottom: 1.2em;
}

.landing-default h1 {
    font-size: 56px;
    line-height: 1.15;
    letter-spacing: -0.03em;
    font-weight: 700;
    margin-bottom: 0.5em;
}

.landing-default h2 {
    font-size: 88px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-weight: 700;
    margin-bottom: 0.6em;
}

.landing-default h3 {
    font-size: 30px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 0.7em;
}


.landing-default h5 {
    font-size: 5em;
    font-weight: 700;
}

.landing-default .section {
    margin:120px 24px;
}

.landing-default .hero {
    padding-top: 120px;
}

.landing-default .cta {
    padding-bottom: 120px;
}
/* ==========================================
   Tablet
========================================== */

@media (max-width:1024px){

    .landing-default{
        font-size:17px;
    }

    .landing-default p,
    .landing-default li{
        font-size:17px;
    }

    .landing-default h1{
        font-size:46px;
    }

    .landing-default h2{
        font-size:34px;
    }

    .landing-default h3{
        font-size:28px;
    }

 
}

/* ==========================================
   Mobile
========================================== */

@media (max-width:768px){

    .landing-default{
        font-size:16px;
        line-height:1.7;
    }

    .landing-default p,
    .landing-default li{
        font-size:16px;
        line-height:1.7;
    }

    .landing-default h1{
        font-size:36px;
        line-height:1.2;
    }

    .landing-default h2{
        font-size:30px;
        line-height:1.25;
    }

    .landing-default h3{
        font-size:24px;
        line-height:1.3;
    }

}