.ASUSProArt{background-color: black; color: white;}
.ASUSProArt img{width: 100%;}

.ASUSProArt .mobile{display: none;}
.ASUSProArt .intro{
    padding: 50px 10%;
}
.ASUSProArt .btn{
    background-color: #A58461;
    color: white;
    transition: .3s linear;
}
.ASUSProArt .btn:hover{
    background-color: #c4b296;
    transition: .3s linear;
}
@media(max-width: 650px){
	.ASUSProArt .mobile{display: block;}
	.ASUSProArt .desktop{display: none;}
}


/*navigatie kleur overrule*/
.ASUSProArt .topNav {
    background-color: #A58461;
    color: white;
}

.ASUSProArt .topNav a:hover {
    background-color: #c4b296; /* Changing background color on hover */
    color: white;
}

.ASUSProArt .navDropdown .dropBtn:hover {
    background-color: #c4b296; /* Changing background color on hover */
    color: white;
}

.ASUSProArt .intro .btn {
    background-color: #A58461;
    margin: 0 10px;
}

.ASUSProArt .intro .btn:hover {
    background-color: #c4b296;
}

/*pagina specifieke css*/
.ASUSProArt #nonstop{
    color: #A58461;
    -webkit-text-fill-color: black;
    -webkit-text-stroke: 1px #A58461;
    font-size: 3rem;
}
.ASUSProArt h1{
    font-size: 2.5rem;
    color:#A58461 ;
    }
    
.ASUSProArt h2{
font-size: 2rem;
color:#A58461 ;
}

.ASUSProArt .p10{
    padding:0 10%;
}



.ASUSProArt .bekroond a {
    color: white;
}

.ASUSProArt .icon{
    width: 45px;
}

@media(max-width:767px){
    .ASUSProArt .p10{
        padding: 25px 50px;
    }

}


@media(max-width:500px){
    .ASUSProArt .w-50{
        width: 100% !important;
    }
}

@media(max-width: 440px){
    .ASUSProArt h1{
        font-size: 2rem;
    }
    .ASUSProArt #nonstop{
        color: #A58461;
        -webkit-text-fill-color: black;
        -webkit-text-stroke: 1px #A58461;
        font-size: 2rem;
    }
}