.jumbotron-artikel {
    min-height: 20rem;
    padding: 2% 0;
}

.img-jumbotron-artikel {
   min-height: 30rem;
   background-size: cover;
   background-position: center; 
}

.wrap-jumbotron-artikel {
    padding-top: 15%;
}

.jumbotron-artikel a {
    color: white;
}

.effect-image-jumbotron{
	position: relative;
	display: block;
}

.overlay-jumbotron{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	visibility: hidden;
}

.simple-overlay-jumbotron{
    opacity: 0;
    visibility: hidden;
    transition: all 1s;
}

.effect-image-jumbotron:hover .simple-overlay-jumbotron{
    visibility: visible;
    opacity: 1;
}

/* Section Lisr Artikel */

.sec-list-artikel h1::after {
    content: '';
    display: block;
    position: relative;
    width: 10%;
    border: 4px solid #ffdc13;
    margin-top: 0.5rem;
 }


.sec-list-artikel {
    min-height: 40rem;
}

.sec-list-artikel a{
    color: black;
    transition: all 1s;
}

.sec-list-artikel a:hover{
    color: #004681;
    transition: all 1s;
}

.sec-list-artikel .img-list-artikel{
	width: 100%;
    max-width: 100%;
    height: 10rem;
    background-position: center;
    background-size: cover;
    
}

.zoom-effect-1{
    overflow: hidden;
}

.zoom-effect-1 .img-list-artikel{
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: all 1s;
}

.zoom-effect-1:hover .img-list-artikel{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.effect-image-1{
	position: relative;
	display: block;
    
}

.text-small {
    font-size: 12px;
}