.bg-img2 {    
    background-image: url("Resources/banyakMotor.jpg");

    /* Center and scale the image */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    /* Full height */
    height: 50%; 
    width: 100%;

    justify-content: center;
    background-attachment: fixed;
    padding: 7%; 
    padding-top: 5%;
    box-sizing: border-box;
}
.title {
    text-align: center;
    color: red;
    margin-top: 5%;
    font-size: 45px;
    font-family: "LS";
    letter-spacing: 5px;
}
.line {
    font-weight: 500;
    width: 10%;
    height: 5px;
    border-radius: 20px;
    margin: 0 auto;
    background-color: #000000;
}

.pl {
    width: 70%; height: 70%; margin: auto;
}
.textImage {text-align:center; color: white; font-weight:bold; text-shadow: 2px 2px 5px black;font-size: 50px;}
.textImage2 {text-align:center; color: white; text-shadow: 2px 2px 2px black;}


.nice2 {float: right; text-align: center;width: 50%;}
/* About Page */
#aboutDiv h4 {display: block; width: 70%; margin: auto; text-align: center;}
@media screen and (max-width: 600px) {
    .bg-img {
        height: 30%;
    }
    .textImage {font-size: 2rem;}

    .nice {
        width: 100%;
    }
    .nice2 {
        float: none;
        width: 100%;
    }
}

.bg-other {
    background-image: url(Resources/mobil2blurV2.jpg); background-attachment: unset;height: 20rem;padding: 5%;padding-top: 1%; box-sizing: border-box;
}

@media screen and (max-width: 600px) {
    .video-container {height: 30%;width: 30%;}
    #video-background {height: auto;}
    .hero-text{top:12%; font-size: 16px;width: 100%;}
    .checkResult {top: 20%; width: 40%; font-size: 12px;padding:12px}
    /* .button1 {margin: 0;} */
    .title {margin-top: 0;font-size: 20px;}
    .line {width: 30%; height: 3px;}
    .button1 {width: 50%;}
}

.bg-img-hero1 {
    padding-top: 0;font-size: 30px;color: white;
}
.bg-img-hero2 {
    padding-top: 0%;font-size: 35px;color: yellow
}
.bg-img-hero3 {
    font-size: 40px;color: yellow
}
@media screen and (max-width: 600px) {
    .bg-other {
        height: auto;
        padding: 5px;
    }

    .bg-img-hero1 {
        font-size: 20px; padding-top: 0%; 
    }
    .bg-img-hero2 {
        font-size: 20px;width: 100%; margin: auto;
    }
    .bg-img-hero3 {
        font-size: 30px; color: rgb(152, 152, 193);
    }
}