@charset "utf-8";
/* CSS Document */
footer{width:100%; background-color:#878d9c;}
footer>div:nth-child(1){height:180px;background-color:#878d9c;text-align:center;padding-top:2.5rem;}
footer>div:nth-child(2){font-size:14px;line-height:40px;height:40px;background-color:#6f7583;text-align:center;color:#343333;}
footer>div:nth-child(3){font-size:14px;line-height:40px;height:40px;background-color:#6f7583;text-align:center;color:#343333;}
.footer_nav {
  margin:0 auto;
  max-width:528px;
  padding:1.25rem 0;
  text-align:center;
}
.footer_nav>li {
  float:left;
}
.footer_nav>li>a {
  font-size:0.875rem;
  color:#fff;
  margin:0.5rem 0.9rem;
}
.international {
  width:200px;
  margin:0 auto;
}
.icon {
  float:left;
  width: 1.25rem; height: 1.25rem;
  margin:0 0.5rem;
  fill: currentColor;
  overflow: hidden;  
}
.international p {
  float:left;
  color:#fff;
  font-size:0.875rem;
  line-height: 20px;
}
@media screen and (max-width: 479px){
    footer>div:nth-child(1) {
      height:100px;
      text-align:left;
      padding-left: 1rem;
      padding-top:0.75rem;
      position:relative;
    }
    footer>div:nth-child(1) img {
      width:20%;
      padding:0.875rem 0;
    }
    .footer_nav {
      position:absolute;
      right:1rem;
      top:1.25rem;
      padding:0;
    }
    .footer_nav>li {
      float:inherit;
      text-align:left;
    }
    .footer_nav>li>a {
      font-size:0.75rem;
      color:#fff;
      margin:0.5rem 0;
    }
    .international {
      margin:0;
      margin-left: -0.5rem;
    }
    .icon {
      width: 1rem; height: 1rem;
    }
    .international p {
      float:left;
      color:#fff;
      font-size:0.75rem;
    }
}