.custom-button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  transition: all .3s ease;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  height: 48px;
  line-height: 49px;
  padding: 0 20px;
  border-radius: 0;
  width: 100%;
  background: var(--btn_medium);
  color: var(--hovercolor2);
  border: 0;
}
.custom-button:hover {
  color: var(--hovercolor2);
  background: var(--btn_medium_hover);
}
.whitebg {
  background-color: white;
}
.nopadding {
  padding: 0;
}
.padding20 {
  padding: 0 20px;
}
.padding30 {
  padding: 10px 30px;
}
.txtheader {
  font-size: 24pt;
}
@media only screen and (max-width: 978px) {
    .col-s-1 {
        flex: 0 0 8.333333%;
        width: 8.333333%;
        max-width: 8.333333%;
    }
    .col-s-2 {
        flex: 0 0 16.666667%;
        width: 16.666667%;
        max-width: 16.666667%;
    }
    .col-s-3 {
        flex: 0 0 25%;
        width: 25%;
        max-width: 25%;
    }
    .col-s-4 {
        flex: 0 0 33.333333%;
        width: 33.333333%;
        max-width: 33.333333%;
    }
    .col-s-5 {
        flex: 0 0 41.666667%;
        width: 41.666667%;
        max-width: 41.666667%;
    }
    .col-s-6 {
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
    }
    .col-s-7 {
        flex: 0 0 58.333333%;
        width: 58.333333%;
        max-width: 58.333333%;
    }
    .col-s-8 {
        flex: 0 0 66.666667%;
        width: 66.666667%;
        max-width: 66.666667%;
    }
    .col-s-9 {
        flex: 0 0 75%;
        width: 75%;
        max-width: 75%;
    }
    .col-s-10 {
        flex: 0 0 83.333333%;
        width: 83.333333%;
        max-width: 83.333333%;
    }
    .col-s-11 {
         flex: 0 0 91.666667%;
       width: 91.666667%;
        max-width: 91.666667%;
    }
    .col-s-12 {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }
}
@media only screen and (min-width: 978.1px) and (max-width: 1200px) {
    .cms-txt {
        font-size: 0.85em;
    }
    .padding30 {
        padding: 10px 20px;
    }
    .txtheader {
        font-size: 20pt;
        line-height: 20pt;
        padding: 0;
    }
    .custom-button {
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
    }
   .col-m-1 {
        flex: 0 0 8.333333%;
        width: 8.333333%;
        max-width: 8.333333%;
    }
    .col-m-2 {
        flex: 0 0 16.666667%;
        width: 16.666667%;
        max-width: 16.666667%;
    }
    .col-m-3 {
        flex: 0 0 25%;
        width: 25%;
        max-width: 25%;
    }
    .col-m-4 {
        flex: 0 0 33.333333%;
        width: 33.333333%;
        max-width: 33.333333%;
    }
    .col-m-5 {
        flex: 0 0 41.666667%;
        width: 41.666667%;
        max-width: 41.666667%;
    }
    .col-m-6 {
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
    }
    .col-m-7 {
        flex: 0 0 58.333333%;
        width: 58.333333%;
        max-width: 58.333333%;
    }
    .col-m-8 {
        flex: 0 0 66.666667%;
        width: 66.666667%;
        max-width: 66.666667%;
    }
    .col-m-9 {
        flex: 0 0 75%;
        width: 75%;
        max-width: 75%;
    }
    .col-m-10 {
        flex: 0 0 83.333333%;
        width: 83.333333%;
        max-width: 83.333333%;
    }
    .col-m-11 {
         flex: 0 0 91.666667%;
       width: 91.666667%;
        max-width: 91.666667%;
    }
    .col-m-12 {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }
}