footer {
  background: #202020;
  font-size: 12px;
  color: white;
  padding: 30px 0 1px;
}
footer .bl-white {
  border-left: dotted 1px white;
  padding-left: 30px !important;
}
footer h2 {
  font-size: 1em;
  margin: 10px 0;
}
footer a {
  color: white !important;
}

.footer-nav {
  background: #202020;
  height: auto;
}
.footer-nav a {
  display: block;
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 20px;
}
.footer-nav ul {
  padding: 0;
}
.footer-nav ul li {
  line-height: 1.5em;
  margin-bottom: 5px;
}
.footer-nav ul li a {
  line-height: 1.5em;
  margin-bottom: 0;
}

#footer-top-menu {
  display: block;
}

@media screen and (max-width: 600px) {
  footer {
    padding-top: 20px;
  }
  footer .bl-white {
    border-left: none;
    padding-left: 10px !important;
  }

  #footer-top-menu {
    display: none;
  }
}
#footer-top {
  border-bottom: 1px dotted white;
}
#footer-top .footer-nav {
  margin-bottom: 40px;
}
#footer-top .footer-nav a {
  padding: 0;
}
#footer-top .footer-nav ul li {
  float: none;
}

#footer-logo img {
  width: 60px;
}

@media screen and (max-width: 600px) {
  #footer-logo img {
    float: left;
  }
  #footer-logo p {
    float: left;
    margin: 0 0 0 20px;
    font-size: 10px;
    line-height: 25px;
  }
}
.footer-contact a:before, .footer-map a:before {
  content: ">";
  padding-right: 5px;
}
.footer-contact .footer-contact-phone dd, .footer-map .footer-contact-phone dd {
  font-size: 1.333em;
}
.footer-contact .footer-contact-web dd, .footer-map .footer-contact-web dd {
  font-size: 1.142em;
}

.footer-contact p, .footer-map p {
  margin: 0;
}

.footer-map h2 {
  margin: 20px 0 5px;
}

#footer-bottom .row {
  margin-bottom: 0;
}
#footer-bottom .footer-nav {
  height: 1.5em;
}
#footer-bottom ul {
  display: block;
}
#footer-bottom a {
  display: inline;
  padding: 0 5px 0 0;
}
#footer-bottom li:after {
  content: "|";
  padding-right: 5px;
}
#footer-bottom li:last-child:after {
  content: "";
}
#footer-bottom small {
  display: block;
  font-size: 1em;
  line-height: 1.5em;
  text-align: right;
}

@media screen and (max-width: 600px) {
  #footer-bottom {
    position: relative;
  }
  #footer-bottom .footer-nav {
    display: none;
  }
  #footer-bottom ul {
    width: 222px;
    margin: auto;
    display: none;
  }
  #footer-bottom small {
    text-align: center;
    vertical-align: middle;
  }
  #footer-bottom .row .col {
    margin: 5px 0;
    float: none !important;
  }
}