@charset "UTF-8";

.whatsapp-container {
  padding-bottom: 10%;
  width: 170px;
  height: 69px;
/*  float: right;*/
  left: revert;
  right: 10%;
}

.whatsapp-container img {
  width: 310px;
  width: 170px;
  height: 69px;
  background-size: 170px 69px;
}

/* 
X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap
 */
.catalog-container {
/*    top: 267px;*/
    text-align: center;
/*    left: 27px;*/
/*    bottom: 270px;*/
    bottom: 217px;
/*    left: 71%;*/
/*    left: 28%;*/
    left: 21%;
  }
  

  .catalog-container img {
    width: 230px;
}

/* 
Small devices (landscape phones, 576px and up)
*/
@media (min-width: 576px) {
  .catalog-container {
/*    top: 189px;*/
/*    left: 62%;*/
      left: 43%;
      bottom:70px;
  }

  .catalog-container img {
    width: 160px;
  }

/*  .whatsapp-container img {
    width: 400px;
  }*/
}

/*
Medium devices (tablets, 768px and up)
*/
@media (min-width: 768px) {
  .catalog-container {
/*    top: 260px;*/
/*    left: 68%;*/
      left: 43%;
      bottom:100px;
  }

  .catalog-container img {
    width: 164px;
  }
}

/*
Large devices (desktops, 992px and up)
*/
@media (min-width: 992px) {
  .catalog-container {
/*    top: 353px;*/
      left: 44%;
      bottom:140px;
  }

  .catalog-container img {
    width: 200px;
  }
}

/*
X-Large devices (large desktops, 1200px and up)
*/
@media (min-width: 1200px) {
  .catalog-container {
/*    top: 422px;*/
/*    left: 71%;*/
   bottom: 170px;
/*    left: 71%;*/
    left: 45%;
  }

  .catalog-container img {
    width: 225px;
  }
}

/*
XX-Large devices (larger desktops, 1400px and up)
*/
@media (min-width: 1400px) {
  .catalog-container {
/*    top: 492px;*/
    bottom: 170px;
/*    left: 71%;*/
    left: 45%;
       bottom: 170px;
/*    left: 71%;*/
    left: 45%;
  }

  .catalog-container img {
    width: 250px;
  }
}