@media (max-width: 768px){

     .bannerCaption .namaBanner {
          font-size: 20px;
     }
}
@media (min-width: 768px){
     .bannerCaption .namaBanner {
          font-size: 40px;
     }
}
@media (min-width: 992px){

}

@media (min-width: 1500px){
     .bannerCaption,.banner {
          width: 1500px;
     }
}

.bannerCaption div {
     position: relative;
     height: 400px;
}
.bannerCaption ul {
     position: relative;
     left: 0;
     top: 30%;
}

.bannerCaption li {
     text-align: center;
}
.bannerCaption .namaBanner {
     text-shadow: 2px 2px 4px #000000;
     font-weight: bold;
     color: white;
     margin-bottom: 10px;
}
.bannerCaption .keteranganBanner {
     text-shadow: 2px 2px 4px #000000;
     color: white;
}
.bannerCaption .button {
     margin-top: 20px;
}
.bannerCaption .button a {
     padding: 10px;
     background: #d5b012;
     color: white;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.bannerCaption .button a:hover {
     background: #2d2d2d;
}
.banner {
     display: block;
     width: 100%;
}
.banner div  {
     margin: 0px auto;
     height:auto;
}
.banner  img {
     margin: 0px auto;
     display: block;
     width: 100%;
}