.background-jumbotron{
    background-image: url('../img/background.jpg');
    background-size: cover; 
    height: 560px;
    margin-bottom: 25px;
    margin-top: -35px;
    background-position-y: -165px;  
}

.background-gradient{
    background: #ffffff33;
    height: 560px;
}

.about-text{
    padding: 47px 15px;
}

.logo-image img{
    padding-top: 35px;
    display: block;
    margin: 0 auto;
    width: 126px;
}

.logo-aplikasi{
    width: 156px;
    height: 156px;
    border-radius: 50%;
    background: #e8ebee;
    padding: 25px;
    margin: 35px auto;
}

.blog-post-card header{
    padding-top :5px;
}

.blog-post-card{
    width: 100%;
}
/* 
.logo-aplikasi img{
    width: 150px;
} */


.card-link:hover .element-menu{
    margin-top: -15px; 
    -webkit-transition: width 2s; /* Safari */
    transition: width 2s;
}


.card-link:hover .element-menu-popup{
    margin-top: -15px; 
    -webkit-transition: width 2s; /* Safari */
    transition: width 2s;
}

.element-menu-popup .card-header-menu{
    position: relative;
    margin-top: -20px;
    margin-left: -15px;
    margin-right: -20px;
    padding: 15px;
    /* border-radius: 50%; */
    width: 145px;
    height: 145px; 
    float: left
}

.element-menu-popup .card-header-menu img{
    width: 95px;
    display: block;
    margin: 0 auto;
}


.element-menu-popup .card-body{
    text-align: center;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 15px;
}


.card-menu{
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 25px 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border-radius: 3px;
    color: rgba(0,0,0, 0.87);
    background: #fff;
}

.kuning{
    background: linear-gradient(60deg,#ffa726,#fb8c00);
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(255,152,0,.4);
}

.merah{
    background: linear-gradient(60deg,#ef5350,#e53935);
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(244,67,54,.4);
}

.hijau{
    background: linear-gradient(60deg,#7be6d0,#51d2b7);
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(81, 210, 183, 0.71);
}

.page-container {
    background: white;
    padding: 25px;
    margin-top: 21px;
}