body{
margin:0;
padding:0;
font-family: 'Roboto', sans-serif;
font-weight:300;
background:url(/img/wv.jpg) repeat #ffffff;
color:#333333;
}

span.blue{
color:#457aae;
}

.intro{
padding:0px 0 30px 0;
}

a:link{color:#457aae;text-decoration:none;}
a:visited{color:#457aae;text-decoration:none;}
a:hover{color:#345c83;text-decoration:none;}


/* Smartphones (portrait and landscape) ----------- */
@media (min-width : 320px) and (max-width : 550px) {
/* Styles */
.container{
margin:20px;
border-left:1px solid #457aae;
padding:10px 0 20px 20px;
}
.logo{
font-family: 'MotorOil1937M54Regular';
color:#ffffff;
font-size:3em;
}
.logo-img{
width:50%;margin:20px 0 30px 0;
}
.list{
-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	font-size:.8em;
}
.contact{
padding:40px 0 0 0;
}

input.round{
-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;width:80%;height:20px;border:1px solid #d9d9d9;color:#666666;font-size:.7em;padding:5px;margin-bottom:5px;}

textarea.roundtwo{
-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;width:80%;height:100px;border:1px solid #d9d9d9;color:#666666;font-size:.7em;padding:5px;margin-bottom:5px;}

input.but{
-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;width:50%;height:40px;border:1px solid #ffffff;color:#ffffff;font-size:.7em;padding:5px;background-color:#457aad;}

}



/* iPads (portrait and landscape) ----------- */
@media (min-width : 550px) and (max-width : 900px) {
/* Styles */
.container{
width:520px;
margin:10px auto;
border-left:1px solid #457aae;
padding:10px 0 20px 20px;
}
.logo{
font-family: 'MotorOil1937M54Regular';
color:#ffffff;
font-size:3em;
}
.logo-img{
width:25%;margin:20px 0 30px 0;
}
.list{
-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	font-size:.9em;
}
.contact{
padding:40px 0 0 0;
}

input.round{
-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;width:80%;height:20px;border:1px solid #d9d9d9;color:#666666;font-size:.7em;padding:5px;margin-bottom:5px;}

textarea.roundtwo{
-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;width:80%;height:100px;border:1px solid #d9d9d9;color:#666666;font-size:.7em;padding:5px;margin-bottom:5px;}

input.but{
-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;width:50%;height:40px;border:1px solid #ffffff;color:#ffffff;font-size:.7em;padding:5px;background-color:#457aad;}


}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 900px) {
/* Styles */
.container{
width:800px;
margin:10px auto;
border-left:1px solid #457aae;
padding:0 0 30px 30px;
}
.logo{
font-family: 'MotorOil1937M54Regular';
color:#ffffff;
font-size:3em;
}
.logo-img{
width:25%;margin:20px 0 30px 0;
}

.list{
-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	font-size:.9em;
}

.contact{
padding:40px 0 0 0;
}

input.round{
-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;width:400px;height:20px;border:2px solid #d9d9d9;color:#666666;font-size:.7em;padding:5px;margin-bottom:5px;}

textarea.roundtwo{
-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;width:400px;height:100px;border:2px solid #d9d9d9;color:#666666;font-size:.7em;padding:5px;margin-bottom:5px;}

input.but{
-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;width:80px;height:40px;border:2px solid #ffffff;color:#ffffff;font-size:.7em;padding:5px;background-color:#457aad;}

}