/*! Writen  by SCSS */
/* FOOTER CSS DOCUMENT */
footer {
  background: #0b2d78;
  padding: 23px 0 0;
  min-width: 960px; }
  footer #in_foot {
    max-width: 960px;
    margin: 0 auto; }
    footer #in_foot > dl {
      display: flex;
      align-items: stretch; }
      footer #in_foot > dl > dt {
        width: 41.66666666%;
        max-width: 400px;
        color: #FFF; }
        footer #in_foot > dl > dt img {
          margin: 0 0 0 55px; }
      footer #in_foot > dl > dd {
        width: 29.1666666%;
        max-width: 280px;
        border-left: 1px solid #FFF; }
        footer #in_foot > dl > dd dt {
          text-align: center;
          color: #FFF; }
        footer #in_foot > dl > dd ul {
          display: flex;
          align-items: flex-start;
          flex-wrap: wrap;
          padding: 0 10px; }
          footer #in_foot > dl > dd ul li {
            width: 43.0107%;
            max-width: 120px;
            margin: 10px 0 0;
            text-align: right; }
      footer #in_foot > dl a {
        color: #FFF;
        text-decoration: none;
        font-size: 12px;
        display: inline-block;
        padding: 0 5px;
        transition: all 0.5s ease-in-out; }
        footer #in_foot > dl a:hover {
          opacity: 0.6; }
  footer #copy {
    text-align: center;
    color: #fff;
    padding: 30px 0 20px; }
    footer #copy small {
      font-size: 12px; }
  @media screen and (max-width: 767px) {
    footer {
      /*padding-bottom: 50px;*/
      min-width: 320px; }
      footer #in_foot {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        max-width: 100%; }
        footer #in_foot > dl {
          flex-basis: 100%;
          flex-flow: row wrap;
          justify-content: flex-start; }
          footer #in_foot > dl > dt {
            width: 100%;
            max-width: 100%;
            text-align: center; }
            footer #in_foot > dl > dt img {
              margin: 0; }
          footer #in_foot > dl > dd {
            width: 100%;
            max-width: 100%;
            margin: 2em auto 0;
            /*margin-top: 2em;*/
            border: none; }
            footer #in_foot > dl > dd dt {
              text-align: center;
              background: #fff;
              color: #0b2d78; }
            footer #in_foot > dl > dd dd ul li {
              text-align: left; }
      footer #copy {
        margin: 20px 0 0;
        background: #fff;
        color: #0b2d78;
        padding: 20px 3em; }
        footer #copy small {
          font-size: 10px; } }