@media screen and (max-width : 800px){


footer .wrapper{
	max-width: 480px;

}


/* header information */
header{
	max-width:480px;
}

header img.logo{
	max-width: 480px;
}
/* end header information */
/* nav bar information */

nav {
  max-width: 480px;
margin: -30px auto 60px auto;
}

nav ul {
	font-size: 13pt;
}
 
 
nav ul li a {
  padding: 7px 7px 3px 7px;
  height:30px; /* Width and height of top-level nav items */
  width:81px;
}

/* navigation bar big screen ONLY */
nav ul li a:hover { 
  	border-bottom: 1px solid #ddd; 
}
 	
 	/* for the french quotes */
nav span{
	font-size: 12pt;
	margin-right: 7px;
	margin-left: -7px;
	color: #444;
}
 	
nav li:hover ul {
  	display: block;
  	position: absolute;
  	height:30px;
  	z-index: 2;
}
 
nav li:hover li {
  	float: none;
  	font-size: 9pt;
}
 
nav li:hover a { 
  	border-bottom: 1px solid #2B2D60;  
 	height:30px; /* Height of lower-level nav items is shorter than main level */
}

nav li:hover a.sub{
	border-bottom: 1px solid #fff;
}
 
nav li:hover a.sub:hover{ 
	border-bottom: 1px solid #ddd;
}
 
nav ul li ul li a {
    text-align:left; /* Top-level items are centered, but nested list items are left-aligned */
}

/* generic main content info */
main{
	max-width: 480px;
	margin: -50px auto 30px auto;
}

main .services{
	display:none;
}

/* article css */
.radiowize{
	width: 200px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

.radiowize h3{
	font-family: "Roboto Condensed", Helvetica, sans-serif;
	color: #444;
	font-size:14pt;
	margin-bottom:-10px;
	font-weight: 300;
}

.radiowize p{
	line-height:25px;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
  	font-style: normal;
  	font-weight: 300;
	font-size: 12pt;
	color: #999;
	text-align: left;  

}

/* end article css */

/*iframe css */
iframe{
	max-width: 450px;
	border: 1px solid #444;
	padding: 2px;
	margin-bottom: 30px;
	margin-top: 30px;

}

main p span{
	max-width:16px;
	margin-left: 15px;
	margin-right: 5px;
	color: #2B2D60;
}

/*banner to break up boredom */

/* banner will not present in mobile version */

main img.microwave{
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	max-width: 450px;
	border: 1px solid #444;
	padding: 2px;
	box-shadow: 3px 3px 1px #ccc;
  -webkit-box-shadow: 3px 3px 1px #ccc;
  -moz-box-shadow: 3px 3px 1px #ccc;
}

/* resize pictures of karl and susi */

.peopleImg{
	max-width: 200px;
	border: 1px solid #444;
	padding: 2px;
	box-shadow: 3px 3px 1px #ccc;
  -webkit-box-shadow: 3px 3px 1px #ccc;
  -moz-box-shadow: 3px 3px 1px #ccc;
	margin-right: 30px;
}

main p{
	line-height: 25px;
	font-family: "Roboto Condensed", Helvetica, sans-serif;
	font-weight: 300;
	font-size: 11pt;
	color: #666;
	text-align: justify;
}

main .services article p, main .people article p{
	font-size: 12pt;  
}



}