/* ==========================
   ABOUT PAGE
========================== */

.about-page{
    max-width:1100px;
    margin:140px auto 100px;
    padding:0 24px;
}

.about-page h1{
    font-size:56px;
    margin-bottom:60px;
    letter-spacing:.08em;
}

.about-hero{
    margin-bottom:80px;
}

.about-hero img{
    width:100%;
    display:block;
}

.about-text{
    max-width:760px;
    margin:0 auto;
}

.about-text .lead{
    font-size:28px;
    line-height:1.6;
    margin-bottom:50px;
    font-weight:500;
}

.about-text p{
    font-size:16px;
    line-height:2.1;
    margin-bottom:35px;
}

.about-footer{
    margin-top:100px;
    text-align:center;
}

.about-footer p{
    font-size:18px;
    letter-spacing:.25em;
}

/* Mobile */

@media (max-width:768px){

.about-page{
    margin-top:110px;
}

.about-page h1{
    font-size:40px;
    margin-bottom:40px;
}

.about-hero{
    margin-bottom:50px;
}

.about-text .lead{
    font-size:22px;
    margin-bottom:35px;
}

.about-text p{
    font-size:15px;
    line-height:1.9;
}

.about-footer{
    margin-top:70px;
}

.about-footer p{
    font-size:16px;
}

}