body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family: Verdana, Geneva, sans-serif}

body {
  background: #FCF;
}
.settim {
	background-color:#FFFFFF;
	}
.week1{
    width:80%;
	margin:1em 10% 0em 10%;
	font-size:.8em;
	}
.ibrev{
    float:left; 
	width:100%;
	height:auto; 
	margin-top:1em;
	text-align:center;
}
.ib {max-width: 100%}			

@media screen and (min-width: 480px) {
body {
  background: #FF9;
}
.settim {
	background-color: #CCC;
}
}
 
@media screen and (min-width: 768px) {
 body {
  background: #6F0;
 }   
 .settim {
	top:12%;
	width:12%;
	z-index:2; 
	background-color: #6FF;
	}
.settim h1	{
	 font-size:.7em;
	 text-align:center;
	 font-style:normal;
	 color: #084d0e;
	}
.week1{
   width:100%;
   margin:.4em 0 0em 0;
   font-size: 0.6em;
   height:3em;
}		   
.ibrev{
    float:left; 
	width:100%;
	height:auto; 
	margin-top:1.4em;
	text-align:center;
}
}
 
@media screen and (min-width: 1024px) {
 body {
  background: #6FF;
 }
.settim {
	top:12%;  
	background-color: #666;
	}
.settim h1	{
	 font-size:.9em;
	 text-align:center;
	 color: #084d0e;
	}
.week1{
   width:100%;
   margin:.4em 0em 0em 0em;
   font-size: 0.8em;
   height:3em;
}	
.ibrev{
    float:left; 
	width:100%;
	height:auto; 
	margin-top:1.4em;
	text-align:center;
}
}
 
@media screen and (min-width: 1200px) {
 body {
  background: #CCC;
 }
.settim {
	background-color: #333;
	top:18%; 
	}
.week1{
   width:80%;
   margin:.4em 10% 0em 10%;
   font-size: 0.8em;
      height:2em;
}		
.ibrev{
    float:left; 
	width:100%;
	height:auto; 
	margin-top:1.4em;
	text-align:center;
}