.footer-nav {
  background: url("/images/new design/world-map.png");
  color: #a9a9a9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto", sans-serif;
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px; }
.footer-nav h1 {
  border-left: 3px solid #3c3d40;
  color: white;
  display: inline-block;
  font-size: 1.8em;
  font-weight: normal;
  margin: 20px 0 7px 0;
  padding-left: 7px; }
.footer-nav .social-networks {
  float: none; }
.footer-nav .panel {
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0;
          flex: 1 1 0;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  vertical-align: top; }
.footer-nav .panel:hover > h1, .footer-nav .panel .subpanel:hover h1 {
  border-left: 3px solid #c71c22; }
.footer-nav .panel li a {
  color: inherit;
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  -webkit-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
  width: 100%; }
.footer-nav .panel li a:hover {
  border-left: 3px solid #c71c22;
  color: white;
  padding-left: 7px; }
.footer-nav .panel h3 {
  font-size: 1em;
  color: white;
  margin: 0 0 10px 15px;
  font-weight: 500; }
.footer-nav .panel .subpanel {
  list-style: none;
  margin: 0;
  padding: 0; }
@media screen and (max-width: 1000px) {
  .footer-nav {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 10%; }
  .footer-nav .panel {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 48%; } }
@media screen and (max-width: 520px) {
  .footer-nav .panel {
    width: 100%; } }

.copyright {
  background-color: #202020;
  color: #a9a9a9;
  font-size: 0.9em;
  padding-top: 20px;
  padding-bottom: 20px; }
.copyright nav {
  float: right; }
.copyright nav a {
  color: #a9a9a9;
  margin-right: 20px;
  text-decoration: none; }
.copyright nav a:hover {
  text-decoration: underline; }
@media screen and (max-width: 700px) {
  .copyright {
    text-align: center; }
  .copyright nav {
    float: none;
    padding-bottom: 15px; }
  .copyright nav a {
    display: inline-block;
    margin-bottom: 7px;
    white-space: nowrap; }
  .copyright nav a:last-child {
    margin-right: 0; } }