/* .main-background {
  background-image: url(../images/background-min.jpeg);
  background-size: cover;
  background-position-y: -80px;
  height: 100vh;
} */

.catalog-link {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
}

/* Small devices */
@media (max-width: 576px) {
  html {
    background: url(../images/background-xlarger.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #15355b;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  html {
    background: url(../images/background-xlarger.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #15355b;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  html {
    background: url(../images/background-xlarger.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #15355b;
    /* background-position-y: -80px; */
  }
}

@media (min-width: 1024px) and (min-height: 768px) {
  html {
    background: url(../images/background-xlarger.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #15355b;
  }
}

@media (min-width: 1280px) and (min-height: 768px) {
  html {
    background: url(../images/background-xlarger.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #15355b;
  }
}

@media (min-width: 1440px) and (min-height: 768px) {
  html {
    background: url(../images/background-xlarger.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #15355b;
  }
}

@media (min-width: 1440px) and (min-height: 900px) {
  html {
    background: url(../images/background-xlarger.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #15355b;
  }
}

@media (min-width: 1200px) and (min-height: 1050px) {
  html {
    background: url(../images/background-xlarger.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #15355b;
  }
}

@media (min-width: 1400px) and (min-height: 1080px) {
  html {
    background: url(../images/background-xxlarger.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #15355b;
  }
}

@media (min-width: 1400px) and (min-height: 1200px) {
  html {
    background: url(../images/background-xxlarger.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #15355b;
  }
}