@media (max-width: 740px){
    .banner-caption-container {
        width: 90vw;
        background: rgba(0, 0, 0, 0.8);
        padding: 20px 10px;
        margin: 0px auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction:column;
        text-align: center;
        display: block;
    }
     .nama-banner {
          font-size: 40px;
     }
}
@media (min-width: 741px){
     .banner-caption-wrapper {
         height: 550px;
         width: 50%;
     }
     .nama-banner {
          background: #007EC0;
          font-size: 80px;
          padding: 10px;
     }
     .banner-caption-container {
         padding-left: 20px;
     }
     .button-banner-caption {
         width: 200px;
     }
}
@media (min-width: 992px){

}

@media (min-width: 1500px){
    .bannerCaption {
        width: 1200px;
    }
}

.bannerCaption {
    display: block;
    margin: 0px auto;
}
.banner-caption-wrapper {
     display: grid;
     justify-content: center;
     align-content: center;
}


.nama-banner {
     text-transform:capitalize;
     color: white;
     font-weight: bold;
}
.keterangan-banner {
    font-size: 18px;
    color: white;
    text-shadow: 0px 0px 10px #333;
}
.button-banner-caption {
     padding: 15px 20px;
     background: #007EC0;
     border-radius: 35px;
     color: white;
     font-size: 13px;
     font-weight: bold;
     letter-spacing: 1px;
     text-transform: uppercase;
     border: none;
     margin-top: 10px;
     display: block;
     text-align: center;
}
.button-banner-caption:hover {
     background: #08557d;
     cursor: pointer;
}


.banner {
     display: block;
     width: 100%;
}
.banner div  {
     margin: 0px auto;
     height:auto;
}
.banner  img {
     margin: 0px auto;
     display: block;
     width: 100%;
}
