@media(max-width:700px){header{background:aqua;}
header .HeaderDesktop{display:none}
footer{background:red;}.class3{background:lime;}.class4{background:orange;}.class5{background:lime;}.class6{background:navy;color:#fff;}}@media(min-width:700px){header{background:red;}
header .HeaderMobile{display:none}
footer{background:aqua;}.class3{background:lime;}.class4{background:orange;}.class5{background:lime;}.class6{background:navy;color:#fff;}}