/* Slider */

.slider-crsl .carousel-inner img {
    aspect-ratio: 5/2;
    object-fit: cover;
}

.slider-crsl .carousel-item:after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0.5);
}

.slider-crsl .carousel-caption {
    bottom: 20%;
    right: 0;
    text-align: left;
}

.slider-crsl .carousel-caption h1 {
    font-size: 6ch;
}


/* Content Section */
.sec-content {
    min-height: 20rem;
}

.sec-content .card img {
    aspect-ratio: 16/9;
    object-fit: cover;
}


/* Tentang Section */
.sec-tentang {
    min-height: 40rem;
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
    background-attachment: fixed;
}

.sec-tentang .caption-tentang {
    padding-top: 60%;
}

.sec-tentang .caption-tentang h1 {
    font-size: 8ch
}

.sec-tentang .sec-galeri img {
    aspect-ratio: 1;
    object-fit: cover;
}

/* Quotes Section */
.sec-quotes {
    min-height: 10rem;
}

.sec-quotes p{
    font-size: 2.2ch;
}

/* Berita Section */
.sec-berita {
    min-height: 40rem;
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
}

.sec-berita p {
    font-size: 1.4ch;
    text-align: justify;
}

.sec-berita small {
    font-size: 1.2ch;
}

.sec-berita img {
    aspect-ratio: 16/9;
    object-fit: cover;
}


/* Large devices (laptops/desktops, 1024px and up) */
@media only screen and (max-width: 1024px) {
    .sec-tentang .caption-tentang {
        padding-top: 50%;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 765px) {
    .sec-tentang .caption-tentang {
    padding-top: 0%;
}

.sec-tentang .caption-tentang h1 {
    font-size: 6ch
}
}

/* Extra small devices (phones, 426px and down) */
@media only screen and (max-width: 426px) {
    .sec-tentang .caption-tentang {
    padding-top: 0%;
    margin-bottom: 5rem;
}
}