@import url(daftarproduct.css);
@import url(daftarvideo.css);
@import url(daftarnews.css);
@import url(daftaralbum.css);
@import url(daftarvideo.css);
@import url(hoverbox.css);

.informasiberanda {
     text-align: center;
}
.informasiberanda h3 {
     margin:10px 0px 5px 0px;
     text-transform:uppercase;
     font-weight: 300;
}
.informasiberanda p {
     margin-bottom:10px;
}
.informasiberanda .selengkapnya a {
     width:100px;
     text-align:center;
     padding:10px;
     font-weight:bold;
     display:block;
     margin:0px auto;
     background: #333;
     color:#fff;
}
.informasiberanda .selengkapnya a:hover {
     background:#000;
     color:#FFF;
}

.text3  {
     font-size:20px;
     color: white;
     padding: 60px 0px;
     text-align: center;
     background: rgba(0, 0, 0, 0.5);
}
.text3 strong {
     margin:0px;
     clear:both;
     font-size:30px;
}
.text3 p {
     margin:0px;
}
.text3 .hubungikami {
     display:block;
     margin:20px auto;
     color:white;
     padding:20px;
     text-align:center;
     width:200px;
     font-size:18px;
     text-transform:uppercase;
     background: #189D0E;
     border-radius: 35px;
}
.hubungikami:hover{
     background:#333;
     color: white;
}

.text1 {
     background: #1E1E1E;
     color: white;
}


.more a {  color:#B92B2B;}
.more a:hover { color:black; }

.layanan {
     padding: 20px 0px;
     border-bottom: 1px solid #e3e3e3;
     font-size:18px;
}
.layanan ol {
     text-align: justify;
}
.layanan ol li {
     list-style: decimal;
}

@media (max-width: 768px){
     .informasiberanda h3 {
          font-size:14px;
     }
     .kotakinfo {
          grid-template-columns:49% 49%;
          grid-gap:2%;
     }
     .informasiberanda {
          font-size: 13px;
     }
}
@media (min-width: 768px)
{
     .informasiberanda h3 {
          font-size:20px;
     }
     .kotakinfo {
          grid-template-columns:1fr 1fr 1fr 1fr;
          grid-gap:10px;
     }

}
@media (min-width: 992px)
{

}