body, h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif;
}

html, body {
  min-height: 100%;
  margin: auto;
  overflow: hidden;
}

body {
  background: white;
}

.image-container {
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
}

.image-container img {
  position: relative;
  max-width: none;
  height: auto;
}

.btn-menu {
  color: #fff;
  background-color: #124185;
  border-color: #007bff;
  font-size: 1.3rem;
  font-weight: bold;
}

.btn-menu:hover {
  color: #fff;
  /* background-color: #cbc9c9; */
  background-color: #007bff;
  border-color: #007bff;
}

.footers {
  position: absolute;
  bottom: 0;
  width: 100%;
}

@media (max-width: 576px) {
  .image-container {
    width: 150%;
    max-width: 576px;
  }

  .image-container img {
    width: 100%;
    aspect-ratio: auto;
    left: -17%;


  }
  .container {
    margin-top: 20px;
    max-width: 576px;
  }
  .footer-image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    height: auto;
  }


}




@media (min-width: 577px) and (max-width: 991px) {
  .image-container {
    width: 100%;
  }

  .image-container img {
    width: 100%;
  }

  .footer-image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 200px;
    height: auto;
  }


}


@media (min-width: 992px) {
  .image-container {
    width: auto;
  }

  .image-container img {
    width: 100%;

  }

  .footer-inner {
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    padding-left: 20px;

  }
  .footer-image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 200px;
    height: auto;
  }
}