.mobileShow { display: none;}
.mobileHide { display: inline; }

  /* Smartphone Portrait and Landscape */
  @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px){ 
      .mobileShow {display: inline;}
      .mobileHide { display: none;}
  }

  @font-face {
      font-family: Lato;
      src: url("https://newclarkcityph.com/css/ref/fonts/Lato-Regular.woff2") format('woff2');
    }
    @font-face {
      font-family: Lato;
      src: url("ref/fonts/Lato-Bold.woff") format('woff2');
      font-weight: 500;
    }
    @font-face {
      font-family: Lato;
      src: url("ref/fonts/Lato-Bold.woff") format('woff2');
      font-weight: 700;
    }
    .lato {
      font-family: Lato, -apple-system, Arial;
    }
    .text-shadow {
      text-shadow: 0 .125em .1875em rgba(0,0,0,.2);
    }
    .box-shadow {
      box-shadow: 0 .125em .1875em rgba(0,0,0,.2);
    }
    .bg-gradient {
      /*background: #483A8A;*/
      background: linear-gradient(-180deg, #005C97, #363795);
    }
      ul {
      list-style: none;
      margin-bottom: 30px;
      margin-right: 50px;
      margin-top: 30px;
    }

    .custom-ul{
      font-size: 18px;
    }

    .custom-ul li{
      list-style-position: outside;
      margin-left: 2.2em;
      text-indent: -1em;
    }

    @media only screen and (max-width: 600px) 
    {
      .custom-ul{
        font-size: 16px;
      }
      .custom-li{
        font-size: 0.92em;
      }
    }