/* Fonts */
@font-face {
  font-family: 'Myriad';
  src: url('/assets/woff/MyriadPro-Regular.woff') format('woff');
  font-weight:300;
}
@font-face {
  font-family: 'Termina';
  src: url('/assets/woff/Termina-Bold.woff') format('woff');
  font-weight:800;
}
@font-face {
  font-family: 'Termina';
  src: url('/assets/woff/Termina-Light.woff') format('woff');
  font-weight:400;
}
@font-face {
  font-family: 'Arial';
  src: url('/assets/woff/Arial.woff') format('woff');
  font-weight:400;
}


* {
  font-family:"Arial", sans-serif;
}

a {
  color:inherit;
  text-decoration:none;
}


.h1, .h1 *, h1 {
  font-size: 45px;
  font-family: "Termina", serif;
  letter-spacing: 2px;
  line-height: 45px;
  text-transform:uppercase;
}

.h2, .h2 *, h2 {
  font-size: 30px;
  font-family: "Termina";
  letter-spacing: 1px;
  line-height: 38px;
  text-transform:uppercase;
}
.h3, .h3 *, h3 {
  font-size: 17px;
  font-family: "Termina";
  letter-spacing: 1px;
  line-height: 21px;
  text-transform:uppercase;
}
.h4, .h4 *, h4 {
  font-family: "Termina";
  font-size:14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight:600;
}





.p {
  font-size:15px;
  font-family:"Arial", sans-serif;
  line-height:19px;
}
.p p, p.p, p { /* lmao! this is horrible, but sometimes needed because of Kirbytext */
  margin-bottom:10px;
  font-size:16px;
  font-family:"Arial", sans-serif;
  line-height:150%;
  font-weight:400;
}

/* when things are part of a body text group, give them some standard margin */
.text p, .text .p, .text h1, .text .h1, .text h2, .text.h3, .text h3, .text .h3 {
  margin-bottom:20px;
}
.text ul {
  list-style:disc;
  padding-left:16px;
}
.text ul li {
  margin-bottom:12px;
}

.accent {
  font-size:24px;
  text-transform:uppercase;
  font-family:"Termina";
  letter-spacing:1px;
  line-height:30px;
}

.button {
  font-size:13px;
  cursor:pointer;
  letter-spacing: 1px;
  padding: 20px 40px;
}

@media screen and (max-width:800px) {
  .h1, .h1 *, h1 {
    font-size: 23px;
    letter-spacing: 2px;
    line-height: 34px;
  }

  .h2, .h2 *, h2 {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 30px;
  }
  .h3, .h3 *, h3 {
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 21px;
  }
  .h4, .h4 *, h4 {
    font-size:13px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }



  .p {
    font-size:14px;
    line-height:19px;
  }
  .p p, p.p, p { /* lmao! this is horrible, but sometimes needed because of Kirbytext */
    margin-bottom:10px;
    font-size:14px;
    line-height:19px;
  }
  /* when things are part of a body text group, give them some standard margin */
  .text p, .text .p, .text h1, .text .h1, .text h2, .text.h3, .text h3, .text .h3 {
    margin-bottom:20px;
  }

  .accent {
    font-size:24px;
    text-transform:uppercase;
    letter-spacing:1px;
    line-height:30px;
  }

  .button {
    font-size:13px;
    cursor:pointer;
    letter-spacing: 1px;
    padding: 20px 40px;
  }

}