/* load fonts in here  */

@import url('switzer.css');

.instrument-sans {
  font-family: "Instrument Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.satoshi {
font-family: "Satoshi-Variable",sans-serif;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
font-variation-settings:
  "wdth" 100;
}

.switzer {
  font-family: "Switzer-Variable", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}  


html {
  font-size: 1vw;
  font-family: "Switzer-Variable";
}


/*************************************** type styles */


p, li {
  margin-bottom: 1.5rem;
  font-size: 15px;
  font-weight: 500;
}

li {
  margin-bottom: 1.5rem;
}


h1, h2, h3, h4, h5 {
  margin: 2rem 0 2rem 0; /* this has been altered from the original */
  line-height: 1.3;
  font-style:  normal;
  font-weight: 300;
  letter-spacing: -0.02em;
}

h1 {

  font-size: 48px;
  letter-spacing: -0.06em;
  line-height: 1;
 font-weight: 300;
}
h2 {

  font-size: 30px;
  letter-spacing: -0.02em;
  line-height: 1.1;
  font-weight: 300;
  /*font-family: 'Poppins', sans-serif;*/
}
h3 {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.1;
}

h4 {
  font-size: 21px;
  font-weight: 300;
}

h5 {
  font-size: 18px;
  font-weight: 400;
}

.jumbo {
  font-size: 16vw;
  text-transform: uppercase;
  text-align: center;
  color: #f5f5f5;
  
}

p.small, p.text_small {font-size: 13px;}


.reg {
  font-weight: 500;
}

.content h4, .content h3,.content h2, .content h1, .content h5 {
  margin-top: 8rem;
}

@media only screen and (min-width: 1024px) {
  h1, h2, h3, h4, h5 {
      margin: 1rem 0 1rem 0; /* this has been altered from the original */
    }
    h1 {
      font-size: 3.5rem;
    }
    h2 {
      font-size: 2.5rem;
    }
    h3 {
      font-size: 2rem;
    }
    h4 {
      font-size: 1.8rem;
    }
    h5 {
      font-size: 1.8rem;
    }
    p, li {
      font-size: clamp(16px, 1rem, 21px);

    }
    .content h4, .content h3,.content h2, .content h1 {
      margin-top: 4rem;
    }
}





strong {
  font-weight: 700;
}

a:link, a:hover, a:visited, a:active {
  color: inherit;
  text-decoration: none;
  transform: translateY(0px);
  border-bottom: solid 1px;
}

a.txtlink {
  border-bottom: solid 1px;
}

.thenav a{
    transform: translateX(0px);
    transition: transform 0.3s cubic-bezier(0.87, 0, 0.13, 1);
    display: inline-block;
}

.thenav a:hover {
    transform: translateX(5px);
    transition: transform 0.3s cubic-bezier(0.87, 0, 0.13, 1);
    display: inline-block;
}

.medium {
  font-weight: 400;
}

.txt-right {
  text-align: right;
}
.txt-center {
  text-align: center;
}

em {
  font-style:  italic;
}

ul {
    margin-left: 0em;
    padding-left: 0;
    margin-bottom: 0;
    /*list-style-type: none;*/
}