.informasiberanda-background {
     background: #D94150;
     border-top: 10px solid #DE6571;
     color: white;
}

.informasiberanda ul {
    margin-top: 20px;
}
.informasiberanda strong {
     margin:10px 0px 5px 0px;
     font-size:20px;
     text-transform:uppercase;
}
.informasiberanda p {
     margin-bottom:10px;
}
.informasiberanda .selengkapnya a {
     width:100px;
     text-align:center;
     padding:10px;
     font-weight:300;
     display:block;
     margin:0px;
     color:#333;
     border: 1px solid #c6c6c6;
     color: white;
}
.informasiberanda .selengkapnya a:hover {
     background:#c6c6c6;
     color: #333;
}

.text-home {
    color: #D94150;
    font-size: 25px;
    font-weight: 300;
}
.text-home a{
    color: #D94150;
}
.text-home a:hover{
    color: #e3ba4f;
}

.text3 {
     border-top: 1px solid #d9d4d4;
     border-bottom: 1px solid #d9d4d4;
     grid-gap:20px;
}
.text3 strong {
     margin-bottom:20px;
     clear:both;
     font-size:50px;
     color: #D94150;
}
.text3 p {
     margin:0px;
}

.text3 .hubungikami, .more a {
     display:block;
     color:white;
     padding:20px;
     text-align:center;
     width:250px;
     font-size:18px;
     text-transform:uppercase;
     color:#333;
     border: 1px solid #c6c6c6;
     background: white;
}
.text3 .hubungikami:hover, .more a:hover{
     background:#c6c6c6;
}

.more a {
    margin:20px auto;
}


.testimoni {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap:10px;
    height: 200px;
}

.testimoni img {
    width: 100px;
    height: 100px;
    border-radius: 100px;
}




.text1 {
     background: #1E1E1E;
     color: white;
}




.map {
	position: relative;
	height:300px; overflow:hidden;
	display:block;
}
.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.gallery img {
    height: 300px;
    width: 400px;
}

.informasiberanda-container {
    grid-gap:20px;
}


@media (max-width: 740px){


     .newsletter li {
          margin-bottom: 5px;
     }
     .gallery  {grid-template-columns:1fr 1fr;}

}
@media (min-width: 740px){
     .text3 {
          grid-template-columns: 3fr max-content;
     }

    .informasiberanda-container {grid-template-columns:1fr 1fr 1fr;}

     .newsletter {
          display: flex;
     }
     .gallery  {grid-template-columns:1fr 1fr 1fr 1fr;}

}
@media (min-width: 992px)
{

}
