/** CSS for smaller screen sizes**/
@media screen and (max-width:1300px) {

img {
max-width: 100%;
text-align: center;

}

.window {
width: 100%;
height: auto;
float: left;
background-color: transparent;

}

.text {
width: 90%;
height: auto;
float: left;
background-color: white;
text-align: center;
font-family: copy;
margin-right: 8%;

}

#contactInformation, #paymentOptions {
width: 100%;

}

nav {
position: static;
width: 100%;
height: auto;
background-color: white;
border-bottom: 4px #4d5151 solid;
text-align: center;
padding-top:1%;
padding-bottom: 1%;

}

nav li {
display: block;
padding-right: 30px;
text-align: center;
font-size: 1.125em;
font-family: navheading;

}

#ethicsBanner {
height: 110px;
background-image:url('Images/universal/wheel2.png');

}

#surveysBanner {
height: 110px;
background-image:url('Images/universal/anchor2.png');

}

#prepBanner {
height: 110px;
background-image:url('Images/universal/fish2.png');

}

#prePurchaseBanner {
height: 110px;
background-image:url('Images/universal/anchor2.png');

}

#workOrderBanner {
height: 110px;
background-image:url('Images/universal/wheel2.png');

}

#servicesBanner {
height: 110px;
background-image:url('Images/universal/fish2.png');

}

.altwindow {
width: 90%;
height: auto;
float: left;
background-color: transparent;
margin-left: 8%;
text-align: center;

}

.alttext {
width: 90%;
height: auto;
float: left;
background-color: white;
text-align: center;
font-family: copy;
margin-left: 8%;

}

#wheel {
width: 100%;
height: 199px;
float: left;
text-align: center;

}

}