@charset "utf-8";

.footer {
  visibility: hidden;
}

.footer.active {
  visibility: visible;
}

@media(max-width:919px) {
  footer .container {
    height: 10vh;
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding: 15px 80px 15px 80px;
  }
  
  footer .container .block a div i {
    font-size: 2rem;
    color: #181516;
  }
}

@media(min-width:920px){
  footer .container {
    height: 10vh;
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding: 15px 15px 15px 15px;
  }

  footer .container .block a div i {
    font-size: 2rem;
    color: #181516;
  }

  .front .container{
    width: 250px;
    margin-left: 55vw;
    margin-top: -20vh;
  }

  .other .container{
    width: 30vw;
    margin-left: 35vw;
    margin-bottom: 50px;
  }
}