body {
    max-width: 1080px; 
    margin:0 auto;
    padding:2%;
    
}

a {
    color: currentColor;
    font-weight: normal;
  }  


p {
    font: normal 1rem Verdana, sans-serif, Arial;
}

img {
    padding: 1em;
}

h1 {
    font: 2.2em Arial, Helvetica;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1.3em;
    margin-top: 1.3em;
}


h3 {
    font: 1.3rem Verdana, Arial, Helvetica;
    font-weight: bold;
}


h4 {
    font: 1.2rem Verdana, Arial, Helvetica;
    font-weight: bold;
}



#header {
	background-color:#FF962D;
	width: auto;
	float: center;
	font: normal 1rem Verdana, sans-serif, Arial;
	text-align: center;
	padding: 1em;
}



#main {
	color:black;
	background-color:white;
	width:auto;
	float:left;
}


#links {
	background-color:#FFD1A4;
	width:33%;
	float:right;
	padding: 1em;
	margin-left: 1em;
	}


#links p {
    font: normal 0.9em Verdana, sans-serif, Arial;
    }

.clear-float {

	clear:both

}
	
@media (max-width: 640px) {
    #main{
       max-width: 98%;
    }
}