.extra_nav {
font-family: Verdana, Geneva, Helvetica, sans-serif;
font-size: 18px;
text-decoration:  none;
color: #FFFFFF;
}

.extra_nav_a {
font-size: 18px;
text-decoration: none;
color: #FFFFFF;
}

DIV, P, TD, TH, UL, LI {
font-family: Verdana, Geneva, Helvetica, sans-serif;
}

@media (min-width: 840px) {
#button {
width: 250px;
}

#slogan {
width: 720px;
}

BODY {
background-image: url(/obj/gui/Design_22/bg2_academy_bikes.jpg);
background-repeat: no-repeat;
overflow-x: hidden;
background-size: 100% auto;
}
}

@media (min-width: 560px) and (max-width: 839px) {
#button {
width: 200px;
}

BODY {
background-image: url(/obj/gui/Design_22/bg2_academy_bikes.jpg);
background-repeat: no-repeat;
overflow-x: hidden;
background-size: 100% auto;
}

#slogan {
width: 100%;
max-width: 839px;
}
}

@media (min-width: 300px) and (max-width: 559px) {
#button {
width: 150px;
}

#slogan {
width: 100%;
}

.extra_nav,
.extra_nav_a {
font-size: 16px;
}

BODY {
background-image: url(/obj/gui/Design_22/bg_academy_bikes_small.jpg);
background-repeat: no-repeat;
overflow-x: hidden;
background-size: 100% auto;
}
}

}