@media (min-width: 768px) {
	footer {
		overflow: hidden;
	}

	footer .header .school-name {
		height: 4.5rem;
	}

	footer .header .school-description {
	  color: #979797;
	  font-size: 1.15rem;
	  width: 47%;
	 }

	 footer .header hr {
	 	margin: 2rem auto;
		width: 10%;
	}

	footer .banner {
		margin: 0 auto;
		max-width: 75rem;
		padding: 0 1rem;
	}

	footer .banner .schools {
		float: left;
		width: 30%;
	}

	footer .banner .school-details {
		margin: 0 0 1.5rem;
		text-align: left;
		width: 100%;
	}

	footer .banner .nav-util {
		border: none;
		float: left;
		overflow: hidden;
		width: 70%;
	}

	footer .banner .nav-util ul {
		float: left;
		margin: 0;
		padding: 0;
		width: 33%;
	}

	footer .banner .nav-util ul li,
	footer .banner .nav-util ul li.mobile-show {
	  border: none;
	  display: block;
	  padding-bottom: .85rem;
	  text-align: left;
	}

	footer .banner .nav-util ul li a {
		transition: color .25s ease;
	}

	footer .banner .nav-util ul li a:hover {
		color: #efaa00;
	}

	footer .banner .nav-util ul li a,
	footer .banner .nav-util ul li.mobile-show a {
		line-height: 1em;
	}

	footer .banner .nav-util ul li.social-media ul {
	  margin: 0;
	  text-align: left;
	  width: 100%;
	}

	footer .banner .nav-util ul li.social-media ul li.follow-us {
		font-size: 1rem;
		font-weight: 300;
		text-align: left;
	}

	footer .banner .nav-util ul li.social-media ul li.social-facebook,
	footer .banner .nav-util ul li.social-media ul li.social-twitter,
	footer .banner .nav-util ul li.social-media ul li.social-instagram {
	  display: inline-block;
	  margin: 0 1rem 0 0;
	}

	footer .banner .nav-util ul li.social-media ul li.social-facebook a,
	footer .banner .nav-util ul li.social-media ul li.social-twitter a,
	footer .banner .nav-util ul li.social-media ul li.social-instagram a {
		height: 2rem;
		position: relative;
		width: 2rem;
	}

	footer .banner .nav-util ul li.social-media ul li.social-facebook a:after,
	footer .banner .nav-util ul li.social-media ul li.social-twitter a:after,
	footer .banner .nav-util ul li.social-media ul li.social-instagram a:after {
		left: 0;
		position: absolute;
		top: .0625rem;
	}

    footer .banner .statement {
        margin: 0;
    }

	footer .banner .sub-footer {
		clear: both;
		margin: 0 auto;
		max-width: 75rem;
	}

	footer .banner .legal,
	footer .banner .admin-login {
	  position: static;
	}

	footer .banner .legal {
		float: left;
		text-align: left;
		width: 50%;
	}

	footer .banner .admin-login {
	  float: right;
	  text-align: left;
	  width: 24%;
	}
}