@charset "utf-8";

.footer{
    background-color: #000;
    padding: 2rem 0 1rem;
    font-weight: bold;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    color: #fff;
    overflow: hidden;
  overflow-y: auto;
  max-height: 280px;
}

.footer__logo{
  width:  240px;
  margin: 1rem auto;
}

.footer__copy{
  text-align: center;
  color: #fff;
}

.footer-btn{
  position: absolute;
  top: 2rem;
  right: 5%;
}

.footer-btn img{
  width:40px;
  height: auto;
}

@media (max-width: 767px) {
  .footer{
        padding: 2rem 0 1rem;
  }
  .footer__menu{
     display: flex;
     flex-direction: column;
     gap: 1rem;
     justify-content: center;
     width: 90%;
     align-items: flex-start;
     margin-left: 2rem;
  }
}