/* ==========================================
   ALIVE...
   Editorial Theme v2
========================================== */

/* ---------- Base ---------- */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    background:#FBF8F1;

    color:#2F2B28;

    font-family:Georgia,"Times New Roman",serif;

    line-height:1.9;

}

/* ---------- Banner ---------- */

.hero{

    background:linear-gradient(
        180deg,
        #EFE4D1 0%,
        #F6EDDF 100%
    );

    padding:110px 20px 90px;

    text-align:center;

}

.hero h1{

    font-size:5.6rem;

    font-weight:400;

    color:#6E2430;

    letter-spacing:-2px;

    margin-bottom:20px;

}

.subtitle{

    font-size:.95rem;

    text-transform:uppercase;

    letter-spacing:4px;

    color:#6C655C;

}

/* ---------- Content ---------- */

main{

    max-width:900px;

    margin:70px auto;

    padding:0 45px;

}

/* ---------- Section Headings ---------- */

h2{

    font-family:
    "Palatino Linotype",
    Georgia,
    serif;

    font-size:2rem;

    font-weight:400;

    color:#3D332B;

    margin-top:70px;

    margin-bottom:28px;

}

h2::after{

    content:"";

    display:block;

    width:70px;

    height:2px;

    margin-top:10px;

    background:#A67C52;

}

/* ---------- Lists ---------- */

.articles{

    list-style:none;

}

.articles li{

    padding:14px 0;

}

/* ---------- Links ---------- */

a{

    text-decoration:none;

    color:#2F2B28;

    font-size:1.28rem;

    transition:.2s;

}

a:hover{

    color:#7B2435;

    padding-left:6px;

}

/* ---------- Paragraph ---------- */

p{

    font-size:1.08rem;

}

/* ---------- Footer ---------- */

footer{

    margin:90px auto 40px;

    text-align:center;

    color:#7A736B;

    font-size:.9rem;

}

/* ---------- Responsive ---------- */

@media (max-width:700px){

.hero h1{

    font-size:4rem;

}

.subtitle{

    font-size:.8rem;

    letter-spacing:2px;

}

main{

    padding:0 25px;

}

a{

    font-size:1.1rem;

}

}