/*--------------------------------------------------------------
>>> footer styles, last editted on 01/13/17
---------------------------------------------------------------- */
 
footer { background: #27034e; display: block; width: 100%; max-width: 100%; padding: 0; margin: 0; overflow: hidden; } 
#footer { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 400; line-height: 1.5em; background: #27034e url(../css-images/footer.png) repeat-x top center; min-height: 100px; min-width: 320px; width: 100%; margin: 0; padding: 10px 0 50px 0; text-align: center; clear: both; display: block; }

#footer .legal, #footer .links, #footer .social 
{ width: 100%; max-width: 1180px; height: auto; margin: 10px auto 10px auto; clear: both; }

#footer .legal p { width: 100%; }

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

#footer .social a { font-size: 27px; text-align: center; display: inline-block; margin: 0px 3px 0px 3px; padding: 1px 3px 1px 3px !important; width: 30px; height: 27px; }
#footer .social a:hover { opacity: 0.75; }




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

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

#footer, #footer .legal, #footer a  { font-size: 15px !important; }
#footer .links a { white-space: nowrap; }
#footer .legal p { font-size: 15px !important; }
#footer .social a { font-size: 27px !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 { font-size: 14px !important; }
#footer .legal p { font-size: 14px !important; }
#footer .social a { font-size: 26px !important; }
	
}

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