.container {
   width: 100%;
   padding-right: 1.5rem;
   padding-left: 1.5rem;
   margin-right: auto;
   margin-left: auto;
   position: relative;
}

/* iPads__Tablets */
@media (min-width: 576px) {
   .container {
      width: 54rem;
   }
}

/* Small screens__laptops */
@media (min-width: 768px) {
   .container {
      width: 72rem;
   }
}

/* Medium screens__desktops */
@media (min-width: 992px) {
   .container {
      width: 96rem;
   }
}

/* Large screens__large desktops */
@media (min-width: 1200px) {
   .container {
      width: 114rem;
   }
}

/* Extra large desktops */
@media screen and (min-width: 1400px) {
   .container {
      width: 137rem;
   }
}