body{
        font-family: "jaf-bernina-sans", sans-serif;
      }
      h1,
      .h1,
      h2,
      .site-sidebar--nav .list-title,
      .h2,
      h3,
      .h3,
      h4,
      .h4,
      h5,
      .h5,
      h6,
      .h6 {
          display: block;
          padding: 0;
          margin: 0;
          color: #00bcf1;
          font-weight: 400;
          line-height: 1.5;
          -moz-osx-font-smoothing: grayscale;
          -webkit-font-smoothing: antialiased
      }
      h2 {
            font-size: 36px;
            line-height: 40px;
            font-weight: 300;
            font-style: italic;
            color: #00bcf1;
            margin: 0 0 40px 0;
            
        }
      p {
          font-size: 16px;
          line-height: 22px;
      }
      li{
        font-size: 16px;
      }
      .phone-lists li{
        margin-bottom: 6pt;
      }
      .spec-title{
        font-weight: bold;
      }
      .linkedup{
        list-style: none;
      }
      .jumbotron{
        background-image: url('../img/header-background.png');
        color: #fff;
        min-height: 500px;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100%;
        margin-bottom: 0px;
        padding-bottom: 0px;
      }
      .sonim-wrapper{
        background-color: #0a0b40;
        color:#ffffffd6;
        background-image: url('../img/phones-bg.png');
        background-position: center top;
        background-repeat: no-repeat;
      }
      #footer-verse{
        padding:50px;
        background-color: #132e7c;
        color:#ffffffd6;
      }
      .table-striped>tbody>tr:nth-of-type(odd){
        background-color: #142e7c;
      }
      #sonim-phones-form{
        padding-top: 20px;
        background-color: #0a1a49;
        padding-bottom: 60px;
      }
      #fireman-banner{
        background-image: url('../img/fireman-banner-bg.jpg');
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100%;
        color: #fff;
        min-height: 570px;
      }
      #fireman-banner h2{
        margin-top: 15%;
      }
      #page-header-title{
        margin-top:20%;
      }
      #header-image{
        width: 70%;
        margin-left: 20%;
      }
      .phone-sec{
        margin: 100px 0px;
      }
      #chart-title{
        margin: 30px 0px;
        text-align: center;
      }
      .phone-images{
        margin-left: 20%;
      }
      #sonim-comp-table{
        margin-bottom: 120px;
        background-color: #171b49;
      }
      #send-form{
        display: block;
        margin: 0px auto;
        width: 150px;
      }
      .phone-spec-images{
        width: 100px;
      }
      .dont-box-me-in{
        background: none !important;
        border-top: none !important;
      }
      #sonim-form-title{
        display: block;
        width: 80%;
        margin: 50px auto;
      }

      .img-container {
          width: 100%;
          /* max-width:400px; */
          /* margin: 0 auto; */
          padding:0;
          cursor: ew-resize;
      }
      .img-container2 {
          width: 100%;
          max-width:400px;
          /* margin: 0 auto; */
          padding:0;
          cursor: ew-resize;
          margin-left: 15%;
      }

      .img360 {
          width: 100%;
          margin: 0;
          padding: 0;
          line-height: 0;
      }
      #preload-imgs {
          display:none;
      }
      #preload-imgs2 {
          display:none;
      }
      #myImg{
        width:650px;
      }
      #myImg2{
        width:400px;
      }
      .caption p{
        text-align: center;
        /* margin-left: 20%; */
      }
      .caption2 p{
        text-align: center;
      }
      #ctl00_Content_Body_Bttn_SubmitMsg{
        width: 14%;
        padding: 15px;
        margin: 20px auto;
        display: block;
      }
      .g-recaptcha{
        margin: 0px auto;
        display: block;
        width: 300px;
      }
      #form-thank-you{
        text-align: center;
        font-size: 30px;
      }

      @media screen and (max-width: 1360px){
        .jumbotron {
            background-size: 150%;
    
        }
        
      }
      @media screen and (max-width: 1420px){
        #fireman-banner {
          background-size: 150%;
        }
      }
      @media screen and (max-width: 990px){
        .jumbotron {
            background-size: 380%;
    
        }
        #fireman-banner {
          background-size: 315%;
        }
        .img-container2 {
          margin-left: 0%;
        }
      }