/* ==========================================
   Page Banner
========================================== */

.page-banner{
    background:#f5f5f5;
    padding:100px 0;
    text-align:center;
}

.page-banner .container{
    max-width:900px;
    margin:0 auto;
    padding:0 15px;
}

.page-banner .section-title{
    display:inline-block;
    color:#d98a4b;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;
}

.page-banner h1{
    font-size:52px;
    font-weight:700;
    color:#222;
    line-height:1.2;
    margin-bottom:20px;
}

.page-banner p{
    max-width:700px;
    margin:0 auto;
    color:#666;
    font-size:20px;
    line-height:1.7;
}

/* ==========================
   Tablet
========================== */

@media (max-width:991px){

    .page-banner{
        padding:80px 0;
    }

    .page-banner h1{
        font-size:42px;
    }

    .page-banner p{
        font-size:18px;
    }

}

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

@media (max-width:767px){

    .page-banner{
        padding:60px 0;
    }

    .page-banner .section-title{
        font-size:12px;
        letter-spacing:2px;
    }

    .page-banner h1{
        font-size:34px;
    }

    .page-banner p{
        font-size:16px;
        line-height:1.6;
    }

}