@charset "UTF-8";
/* CSS Document */


/**************/
/*** FOOTER ***/
/**************/

footer { color: #bbb; font-size: 80%; clear: both; }

footer a, footer a:visited { text-decoration: none; color: #bbb; }
footer a:hover { color: #fff; }

footer h2 { padding: 10px 0 0 0; margin: 0; }
footer h3 { font-size: 100%; text-transform: uppercase; border-bottom: 1px solid #555; padding: 0 0 .2em 0; margin: 0 0 .5em 0; color: #bbb; }

#disclaimer { width:96%; padding: 2%; background: #131720; font-size: 90%; clear: both; }
#disclaimer ul { list-style: none; padding: 0 0 1em 0; margin: 0; }
#disclaimer ul li { display: inline; padding: 0 1em; border-right: 1px solid #555; }
#disclaimer ul li:first-child { padding: 0 1em 0 0; }
#disclaimer ul li:last-child { border-right: none; padding: 0 0 0 1em; }

#fcc { background: #131720; padding: 20px 5px; font-size: 90%; clear: both; text-align: center; border-top: 1px solid #272c3a; }
#fcc ul { list-style: none; padding: 0 0 1em 0; margin: 0; }
#fcc ul li { display: inline; padding: 0 1em; border-right: 1px solid #555; white-space: nowrap; line-height: 200%; }
#fcc ul li:first-child { padding: 0 1em 0 0; }
#fcc ul li:last-child { border-right: none; padding: 0 0 0 1em; }
#fcc h2 { display: none; }

.disclaimer-contact { float: left; width: 40%; }
.disclaimer-legal { float: left; width: 60%; text-align: right; }

footer p.clear { clear: both; height: 0; margin: 0; padding: 0; }

#footer-links { display: flex; width: 96%; padding: 2%; background: #041E42; }
#footer-links ul { list-style: none; padding: 0; margin: 0; }
#footer-links li { font-weight: 500; font-size: 120%; }
#footer-links p { font-weight: 500; font-size: 120%; color: white; }
#footer-links a { color: #fff; }
#footer-links a:hover { color: gold; }
#footer-links h2 { color: gold; margin: 0 0 .7em 0; font-size: 130%; text-transform: uppercase; }

.footer-sites,
.footer-contact,
.footer-connect,
.footer-affiliates { width: 100%; text-align: center; }

.footer-social { color: white; font-size: 200% }
 
@media (max-width: 1200px) {

}


@media only screen and ( min-width: 768px) and ( max-width: 960px ) {

}

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

.disclaimer-contact { float: none; width: 100%; text-align: center; }
.disclaimer-legal { float: none; width: 100%; text-align: center; }
	
#footer-links { display: block; }

.footer-sites,
.footer-contact,
.footer-connect,
.footer-affiliates { width: 100%; text-align: center; }
}