.footer {
  background-color: #4b4949;
  color: white;
  padding-top: 0px;
  border-top-color: #585757;
  font: 14px/18px Corbel;
  padding-bottom: 0;
  margin-top: 0;
}

.footer h6 {
  border-bottom: 1px solid #7f7f7f;
  padding-bottom: 0px;
  margin-bottom: 10px;
  font-size: 16px;
  margin-top: 15px;
}

.footer a, .footer2 a {
  color: white;
  text-decoration: underline;
}

.footer ul {
  list-style-type: none;
  padding: 0;
}

.footer .nav > li > a  {
  padding: 0;
}

.footer .nav > li > a:hover, .footer .nav > li > a:focus  {
  padding: 0;
  background-color: transparent;
}

.footer a:hover {
  text-decoration: underline;
}

.footer .nav > li > a#nav_alumni {
  background: #807f7f url(../img/footer_alumni.png) no-repeat 8px 4px;
  border-radius: 10px;
  display: block;
  padding: 10px 10px 10px 65px;
  width: 140px;
  margin-top: 5px;
  margin-bottom: 6px;
}

.footer .nav > li > a#nav_alumni:hover {
  background-color: #979696;
}

.footer .terry_fox_rent {
  display: block;
  margin-top: 5px;
}

.footer .terry_fox_rent img {
  display: block;
}

.footer .col-sm-3 {
  margin-bottom: 30px;
}

.footer .col-sm-3:last-child {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .footer .col-sm-3 {
    margin-bottom: 0;
  }
}

@media (min-width: 1020px) {
  .footer .col-sm-3 {
    padding-right: 30px;
    padding-left: 30px;
  }
}

.footer .social a {
  width: 29px;
  height: 29px;
  display: inline-block;
  margin-right: 7px;
}

.footer .yt {
  background: url(../img/youTube.png) no-repeat left top;
}

.footer .yt:hover {
  background-image: url(../img/youTubeColor.png);
}

.footer .tw {
  background: url(../img/twitter.png) no-repeat left top;
}

.footer .tw:hover {
  background-image: url(../img/twitterColor.png);
}

.footer .fb {
  background: url(../img/fb.png) no-repeat left top;
}

.footer .fb:hover {
  background-image: url(../img/fbColor.png);
}

.footer .insta {
  background: url(../img/instagram.png) no-repeat left top;
}

.footer .insta:hover {
  background-image: url(../img/instagramColor.png);
}

.footer .terry2 {
  margin-top: 15px;
}

.footer2 {
  background-color: #888a8a;
  padding-top: 29px;
}

.footer2 > div {
  padding-bottom: 29px;
}

.footer2 .conf {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .footer2 {
    margin-top: 29px;
  }

  .footer2 .hdi_intro {
    text-align: right;
    margin-right: -20px;
  }

  .footer2 .conf {
    text-align: right;
  }
}