/* large screens with 1140px with */
@media only screen and (min-width: 1140px) {
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 989px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 989px) {
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}

/* ================================================
 * ========== CENTER TEXT ON MOBILE ===============
 * ==============================================*/

@media only screen and (max-width: 762px) {
  div {
    text-align: center !important;
    /* applies to all text on site */
  }

  .csem-center-text {
    text-align: center !important;
    /*Give the text block (under developer settings) the class "csem-center-text"
     * Or use: <p class="csem-center-text">Text</p>
     */
  }
}