/* Large desktop */
@media (min-width: 1200px) {

 }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

	
 }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

	#footer {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}


 }
 
/* Landscape phones and down */
@media (max-width: 480px) { 

	 .contentbox {
	    position:relative;
		height:100%; 
		width:100%;
		margin:0px 0px 0px 0px;
		top: 0%; 
		left: 0%;
		background: #e8e8e8;
		-moz-border-radius:0px;
  		-khtml-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
		z-index: 2;
		padding: 0px;
      }
      
      .head h1{
	      font-size: 1.5em;
	      padding: 0 40px;
	      line-height: 1.3em;
      }
      
      #weathericon {
	      float: none;
	      margin: 0 auto;
	      display: block;
	      padding-bottom: 10px;
      }
      
      #footer {
      	  margin-top: 20px;
          margin-left: 0px;
          margin-right: 0px;
          padding-left: 0px;
          padding-right: 0px;
        }
        
      .headline {
      	  padding: 10px 0;
	      background: #f0f0f0;
	      border-top:1px solid #c9c9c9;
	      border-bottom:1px solid #c9c9c9;
      }
      



 }