/* --------------------------------------------------
|  OU Footer                                         |
-------------------------------------------------- */

footer {
	background: transparent url(https://www.ncore.ou.edu/media/filer_public/2013/10/04/footer_bg.gif);
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	margin-top: -250px; /* negative value of footer height */
	height:250px;
	clear:both;} 

footer a:link, footer a:visited {
	color: #fff;
}
footer a:hover, footer a:active {
	text-decoration: underline;
}
footer .container {
	padding: 0;
}
footer ul.col1, footer .footer_nav, footer .social_media {
	margin-top: 25px;
	margin-bottom: 25px;
	float: left;
}
footer ul.col1 {
	background: transparent url(https://www.ncore.ou.edu/media/filer_public/2013/10/04/ou.png) no-repeat 0px 0px;
	padding-left: 60px;
}
footer .footer_nav {
	margin-left: 90px;
}
footer ul.col2, footer ul.col3 {
	float: left;
	margin-right: 35px;
}
footer ul {
	list-style: none;
}
footer .social_media {
	float: right;
}
footer .social_media ul {
	margin: 0;
	padding: 0;
}
footer .social_media ul li {
	display: inline-block;
width: 46px;
	height: 46px;
	margin: 1px;
	position: relative;
	overflow: hidden;
}
footer .social_media ul li img {
	position: absolute;
	top: 0;
	left: 0;
}
footer .social_media ul li:hover img {
	top: -46px;
}
footer hr {
	clear: both;
	border-color: #474747;
}

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
footer {
	padding-bottom:20px;
}

footer .container-fluid col1 {
	text-align: center;
}
}

/* Tablet
------------------------- */
@media (max-width: 767px) {
footer {
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
}
footer .container-fluid col1 {
	text-align: center;
}

}

/* Landscape phones
------------------------- */
@media (max-width: 480px) {
footer {
	 padding-top:20px;
}

footer .footer_nav ul.col2 {
	display:none;
}
footer .footer_nav ul.col3 {
	display:none;
}

footer hr {
	display: none;
}

footer .updated {
	display: none;
}
}