@media only screen and (max-width: 600px) { /*body { background-color: red; }*/ #werkImgGordel { flex-direction: column; } .max-width-600 { display: flex; } #defaultCurve { display: none; } .werkImg { width: 30vw; height: 30vw; } #MenKnoppen { flex-direction: column; } .menuImg1 { width: 50vw; height: 20vw; background-position-y: 22.5vw; } .menuImg1 .txt {font-size: 6vw;} .menuImg2 { width: 50vw; height: 20vw; background-position-y: 44vw; } .menuImg2 .txt {font-size: 6vw;} .menuImg3 { width: 50vw; height: 20vw; background-position-y: -47.5vw; background-position-x: -52.5vw; } .menuImg3 .txt {font-size: 6vw;} #mobTit1, #mobTit2 { display: flex; } #deskTit1, #deskTit2 { display: none; } #mobTitTxt { font-size: 10vw; } .mobTitTxtSmall { font-size: 7vw; } .beheerKnop { width: 20vw; height: 10vw; border-bottom-left-radius: 3vw; } .bhrkTxtMob { font-size: 4vw; } }