/*--------------------------------------------------------------
>>> footer styles, last editted on 08-22-18
---------------------------------------------------------------- */
 
footer { background: #807f81; display: block; width: 100%; max-width: 100%; padding: 0; margin: 0; overflow: hidden; } 
#footer { background: #807f81; 
color: #fff; font-size: 14px; font-weight: 400; line-height: 1.5em; 
min-height: 125px; min-width: 320px; width: 100%; max-width: 820px; margin: 0 auto; padding: 10px 0 30px 0; text-align: left; clear: both; display: block; } 

#footer p { color: #fff; text-align: left; font-size: 14px; padding: 0 5px; }

#footer a { color: #fff; text-decoration: underline; font-weight: 700; white-space: nowrap; }
#footer a:hover { text-decoration: none; }



/* Responsive
---------------------------------------------------------------- */

@media only screen and (max-width: 1024px) {
footer { width: 97.0%; padding-right: 1.5%; padding-left: 1.5%; } 

}

@media only screen and (max-width: 780px) {
#footer, #footer .legal, #footer a  { font-size: 14px !important; }
#footer .links a { white-space: nowrap; }
#footer .legal p { font-size: 14px !important; }
	
}

@media only screen and (max-width: 640px) {
#footer, #footer .legal, #footer a, #footer .legal p, #footer p { font-size: 14px !important; }
	
}

@media only screen and (max-width: 480px) {	
#footer .legal p, #footer .links p { max-width: 97%; margin-right: auto; margin-left: auto; }	

}

@media only screen and (max-width: 400px) {
#footer, #footer .legal, #footer a, #footer .legal p, #footer p { font-size: 13px !important; } 
	
}

/*--------------------------------------------------------------
END
--------------------------------------------------------------*/