.tombol {
    width:32px;
    height: 32px;
    display: block;
    margin: 10px auto;
}

.informasiberanda {padding: 15px;}
.informasiberanda ul {
    padding: 20px 30px;
    color: white;
    background: #1E283A;
    text-align: center;
}
.informasiberanda strong {
     margin:10px 0px 5px 0px;
     font-size:25px;
     text-transform:uppercase;
}
.informasiberanda p {
     margin-bottom:10px;
}
.informasiberanda a {
     background: url(../../../images/frontend/2/arrow-on.png) center center no-repeat;
}
.informasiberanda a:hover {
    background: url(../../../images/frontend/2/arrow-off.png) center center no-repeat;
}

.iconhome strong {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    margin: 15px auto;
    font-size: 18px;
}
.iconhome p {
    color: #9e9e9e;
}
.iconhome a {
     background: url(../../../images/frontend/2/play-on.png) center center no-repeat;
}
.iconhome a:hover {
    background: url(../../../images/frontend/2/play-off.png) center center no-repeat;
}


.gallery img {
    height: 300px;
    width: 300px;
}
.more a {
     display: block;
     color:#333;
     padding: 10px;
     width: 200px;
     margin: 20px auto 30px auto;
     border: 1px solid #cbcaca;
}
.more a:hover {
     background: #333;
     color: white;
}

.text3  {
     font-size:20px;
     color: white;
     background: #1E1E1E;
     padding: 60px 0px;
     text-align: center;
}
.text3 strong {
     margin:0px;
     clear:both;
     font-size:50px;
}
.text3 p {
     margin:0px;
}
.text3 a {
     background: url(../../../images/frontend/2/arrow-on.png) center center no-repeat;
}
.text3 a:hover {
    background: url(../../../images/frontend/2/arrow-off.png) center center no-repeat;
}

@media (max-width: 740px){
     .informasiberanda-container {grid-template-columns:1fr;}
     .informasiberanda img {
         width: 400px;
         height: 200px;
     }
     .iconhome {grid-template-columns:1fr 1fr;}
     .gallery  {grid-template-columns:1fr 1fr;}
}
@media (min-width: 741px){
     .informasiberanda-container {grid-template-columns:1fr 1fr 1fr;}
     .informasiberanda img {
         width: 300px;
         height: 200px;
     }
     .iconhome {grid-template-columns:1fr 1fr 1fr 1fr;}
     .gallery  {grid-template-columns:1fr 1fr 1fr 1fr;}
}
@media (min-width: 992px)
{
    .informasiberanda img {
        width: 400px;
        height: 200px;
    }
}