.ASUSbrandportal .topNav {
    background-color: #3ab3d6;
    color: white;
    margin: 0 -15px;
}

.ASUSbrandportal .topNav a:hover {
    background-color: #3ab3d6; /* Changing background color on hover */
    color: white;
}

.ASUSbrandportal .navDropdown .dropBtn:hover {
    background-color: #3ab3d6; /* Changing background color on hover */
    color: white;
}
.ASUScsm{
    margin: 15px;
}
.ASUScsm img{width: 100%;}

.ASUScsm .header>.row>.col-12{
    /*background image*/
    background-image: url("/download/b2c_be_nl/pic/asus/Brandportal2024/CSM/headerBG.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 500px;
    justify-content: left;
    align-items: center;
}

.ASUScsm h1{
    font-size: 4rem;
    font-weight: 300;

}

.ASUScsm h2{
    font-size: 2rem;
    font-weight: 300;

}


.ASUScsm .header p{
    font-size: 1.5rem;
}

.ASUScsm .header .banner {
    background: linear-gradient(to right, #3ab3d6, rgba(58, 179, 214, 0));
    padding: 20px 35% 20px 3rem;
    margin-left: -3rem;
    color: white;
}
.ASUScsm .header .banner p {
    margin: 0;
    font-size: 1.2rem;
}

.ASUScsm .levering{
    /*background image*/
    background-image: url("/download/b2c_be_nl/pic/asus/Brandportal2024/CSM/bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: left;
    align-items: center;
    color: white;
}

.ASUScsm .programma #mobo, .ASUScsm .programma #stats{
    width: 50%;
}

.ASUScsm #tabel{
    width: 75%;
}

.ASUScsm .asusbadge{
    width: 150px;
}

.ASUScsm .btn-outline-info{
    color: #3ab3d6;
    border-color: #3ab3d6;
}
.ASUScsm .btn-outline-info:hover{
    color: white;
    background-color: #3ab3d6;
    border-color: #3ab3d6;

}

@media (max-width: 1150px){
    .ASUScsm h1 {
        font-size: 3.3rem;
    }
    .ASUScsm .programma #mobo{
        width: 75%;
    }
    .ASUScsm #tabel{
        width: 100%;
    }
}

@media (max-width: 1130px){
    .ASUScsm h1 {
        font-size: 3rem;
    }
    .ASUScsm .programma #mobo{
        width: 100%;
    }
}
@media (max-width: 767px){
    .ASUScsm .programma #mobo{
        width: 50%;
    }
    .ASUScsm .programma #stats{
        width: 100%;
    }
    
    .ASUScsm .asusbadge{
        width: 125px;
        margin-top: -85px ;
    }
}

@media (max-width: 700px){
    .ASUScsm h1 {
        font-size: 2rem;
    }
    .ASUScsm .header p {
        font-size: 1.3rem;
    }

    .ASUScsm .p-5 {
        padding: 1rem !important;
    }
    .ASUScsm .asusbadge{
        width: 125px;
        margin-top: 0px ;
    }

    
}

@media (max-width: 500px){
    .ASUScsm .header .banner {
        padding: 20px 5% 20px 3rem;
    }
}