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


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

footer { background: #272c3a; 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 { background: #131720; padding: 20px 5px; 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-content { width: 1160px; }
#footer-content div { float: left; margin: 20px 0 0 0; }
#footer-content div h3  { width: 90%; }

.address, .phone, .email, .social-media { width: 240px; padding: 0 0 1em 0; }
.psu-footer { width: 169px; border-left: 1px solid #555; margin: 0; min-height: 120px; }
.psu-footer img { width: 160px; height: auto; padding: 0 0 1em 0; margin: 20px 0 0 20px; }

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

.social-media ul { padding: 0; margin: 0;  }
.facebook { background: url('../images/icon-facebook-large.png') no-repeat; background-size: 20px 20px; list-style: none; height: 20px; padding: 0 0 5px 25px; }
.twitter { background: url('../images/icon-twitter-large.png') no-repeat; background-size: 20px 20px;  list-style: none; height: 20px; padding: 0 0 5px 25px; }
.youtube { background: url('../images/icon-youtube-large.png') no-repeat; background-size: 20px 20px;  list-style: none; height: 20px; padding: 0 0 5px 25px; }
.flickr { background: url('../images/icon-flickr-large.png') no-repeat; background-size: 20px 20px;  list-style: none; height: 20px; padding: 0 0 5px 25px; }
.instagram { background: url('../images/icon-instagram-large.jpg') no-repeat; background-size: 20px 20px;  list-style: none; height: 20px; padding: 0 0 5px 25px; }
.snapchat { background: url('../images/icon-snapchat-large.png') no-repeat; background-size: 20px 20px;  list-style: none; height: 20px; padding: 0 0 5px 25px; clear: left; }
 
@media (max-width: 1200px) {
#footer-content { width: 940px; height: 172px; }
footer-content div { float: left; margin: 20px 0 0 0; min-height: 162px }
.address { width: 180px; }
.phone { width: 200px; }
.email { width: 230px; } 
.social-media { width: 160px; }
.psu-footer { width: 160px; border-left: none; }
.psu-footer img { width: 150px; height: auto; padding: 0 0 1em 0; margin: 20px 0 0 10px; }
}


@media only screen and ( min-width: 768px) and ( max-width: 960px ) {
#footer-content { width: 748px; height: 172px; }
.address, .phone, .email { width: 200px; } 
.lives-here, .social-media { display: none; }
.disclaimer-contact { float: none; width: 100%; }
.disclaimer-legal { float: none; width: 100%; text-align: left; }
.psu-footer { display: none; }
}

@media only screen and ( max-width: 767px) { 
footer { padding: 10px 0 0 0; }
#footer-content { width: 100%; height: auto; }
#footer-content div { float: none; margin: 0; min-height: inherit; }
.address, .phone, .email { float: none; text-align: center; width: 100%; padding: 0; margin: 0; }
.social-media, .lives-here { display: none; }
.disclaimer-contact { float: none; width: 100%; text-align: center; }
.disclaimer-legal { float: none; width: 100%; text-align: center; }
#footer-content div h3  { width: 90%; margin: 0 auto; }
footer h3 { border-bottom: none; }
.psu-footer { display: none; }
}