footer {

  background-color: var(--bs-secondary);

  padding: 1rem 0;

  border-radius: 32px 32px 0 0;

  width: 100%;

  padding: 2rem;

}



footer .logo {

  max-height: 30px;

  height: 100%;

}



footer .contact-icons {

  max-height: 15px;

  height: 100%;

  margin: 0 1rem;

}

footer .social-icons {

  max-height: 30px;

  height: 100%;

  margin: 0 1rem;

}



@media only screen and (min-width: 556px) {

  footer .logo {

    max-height: 40px;

    height: 100%;

  }

}

@media only screen and (min-width: 768px) {

}

@media only screen and (min-width: 992px) {

}

@media only screen and (min-width: 1200px) {

}

@media only screen and (min-width: 1400px) {

}

@media only screen and (min-width: 1600px) {

}