@import url("https://use.typekit.net/drz1uvv.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/*<weight>: Use a value from 100 to 900
<uniquifier>: Use a unique and descriptive class name*/


*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-optical-sizing: auto;
  font-style: normal;
  text-decoration: none;


    /*no select*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: transparent;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', 'century-gothic', Helvetica, Arial, Lucida, sans-serif;
}
h1 {
  font-weight: 900;
}
h2 {
  font-weight: 740;
}
h3 {
  font-weight: 580;
}
h4 {
  font-weight: 420;
}
h5 {
  font-weight: 260;
}
h6 {
  font-weight: 100;
}

html {
  background-color: #df771c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-wrap: break-word;
}
.century-gothic {
  font-family: 'century-gothic', Helvetica, Arial, Lucida, sans-serif;
}
.montserrat {
  font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
}
.italic {
  font-style: italic;
}
.sub-heading {
  font-weight: 740;
  font-size: 2em;
}

.outline-box {
  outline: 15px solid #df771c;
}

.arrow-down    { transform:rotate(135deg) }
.arrow-left { transform:rotate(225deg) }
.arrow-up  { transform:rotate(-45deg) }
.arrow-right  { transform:rotate(45deg) }


header > a {
  display: none;
}




/* Add to ALL CSS files (header.css, styles.css, etc.) */
.page-transition {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#f2f2f2;
  z-index:99999;
  opacity:1;
  pointer-events:none;
  transition: opacity 0.5s cubic-bezier(0.51, 0.12, 0.25, 1) !important;
}

.page-transition.fade-out {
  opacity: 0 !important;
  transition: opacity 0.75s cubic-bezier(0.51, 0.12, 0.25, 1) !important;
}