@media only screen and (min-width: 2561px) {
    html {
      zoom: 200%
    }
    .test {
        background-attachment: fixed;
        background-repeat: round;
        background-size: contain;
    }
}

.imgs-premios-header {
    max-height: 4em;
    width: auto;
    margin: 9px;
    vertical-align: bottom;
}

#navbarToggleExternalContent > ul {
  font-size:1.4em;
}



@media screen and (max-width: 534px) {
    .imageHeaderSpa {
      height: 60px;
      width: auto;
    }
    #headerSpa > nav.navbar.d-block.d-sm-block.d-md-none.navbar-dark.headerSpa > a > img{
      height: 90px;
      width: auto;
    }
    .card-title {
      font-size:2.5em;
    }
  }
  @media screen and (min-width: 535px) {
    .imageHeaderSpa {
      height: 100px;
      width: auto;
    }
    .card-title {
      font-size:2.5em;
    }
  }
  @media screen and (min-width: 768px) {
    .imageHeaderSpa {
      height: 100px;
      width: auto;
    }
  }
  @media screen and (min-width: 960px) {
    .imageHeaderSpa {
      height: 100px;
      width: auto;
    }
  }
  @media screen and (min-width: 1200px) {
    .imageHeaderSpa {
      height: 110px;
      width: auto;
    }
  }

  .headerSpa {
    background-color: #000000;
    font-weight: 400;
    z-index: 1500;
    position: relative;
    padding: 0;
  }
  .imageHeaderSpa {
    position: absolute;
    top: 0.5rem;
    left: 4%;
  }