/* ======================================================
   TARUNAMU HOMEPAGE
   ====================================================== */

body{
    background: linear-gradient(150deg, #fcebf0, #f4f6f9);
    padding-top:10px !important;
}

/* ===========================
   HERO BANNER
=========================== */

.hero-banner{
    margin-bottom:40px;
    padding-top:50px;
}

.hero-image{
    width:100%;
    display:block;
    transition:transform .4s ease;
}

.hero-banner:hover .hero-image{
    transform:scale(1.02);
}

.navbar-default{
    color:brown;
}


/* ===========================
   QUICK MENU
=========================== */

.quick-menu{
    margin:60px auto;
}

.quick-card{
    display:block;
    padding:45px 30px;
    margin-bottom:25px;

    background:#ffffff;
    border-radius:18px;
    box-shadow:0 8px 24px rgba(0,0,0,.08);

    text-align:center;
    text-decoration:none;
    color:#2C2C2C;

    cursor:pointer;
    transition:all .3s ease;
}

.quick-card:link,
.quick-card:visited,
.quick-card:hover,
.quick-card:focus,
.quick-card:active{
    text-decoration:none;
    color:#2C2C2C;
}

.quick-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.quick-card *{
    text-decoration:none;
}

.quick-icon{
    width:90px;
    height:90px;
    margin:0 auto 25px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;
    background:#7A0019;

    color:#ffffff;
    font-size:40px;

    transition:all .3s ease;
}

.quick-card:hover .quick-icon{
    background:#D4AF37;
    color:#7A0019;
}

.quick-card h3{
    margin:0 0 15px;
    font-size:28px;
    font-weight:700;
    color:#2C2C2C;
}

.quick-card p{
    margin:0;
    font-size:16px;
    line-height:1.8;
    color:#666666;
}


/* ===========================
   TENTANG TARUNAMU
=========================== */

.section-label{
    display:inline-block;

    padding:8px 18px;
    margin-bottom:18px;

    background:rgba(212,175,55,.12);
    border:1px solid rgba(212,175,55,.35);
    border-radius:30px;

    color:#B8860B;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

@media (max-width:767px){

    .about-section{
        padding:60px 0;
    }

    .about-content{
        padding:35px 15px 0;
        text-align:center;
    }

    .about-title{
        font-size:30px;
    }

    .about-item{
        text-align:left;
    }

}

.about-content:link,
.about-content:visited,
.about-content:hover,
.about-content:focus,
.about-content:active{
    text-decoration:none;
    color:#2C2C2C;
}