@font-face {
  font-family: Syndicat-Regular;
  src: url('./fonts/SyndicatGrotesk-Regular.woff2') format("woff2");
  src: url('./fonts/SyndicatGrotesk-Regular.woff') format("woff");
  src: local('☺︎'),
    url('./fonts/SyndicatGrotesk-Regular.woff2') format("woff2");
    url('./fonts/SyndicatGrotesk-Regular.woff') format("woff");
  }
@media screen and (max-device-width: 480px) {
  @font-face {
    font-family: Syndicat-Regular;
    src: url('./fonts/SyndicatGrotesk-Regular.woff2') format("woff2");
    src: url('./fonts/SyndicatGrotesk-Regular.woff') format("woff");
}}
@font-face {
  font-family: Syndicat-Medium;
  src: url('./fonts/SyndicatGrotesk-Medium.woff2') format("woff2");
  src: url('./fonts/SyndicatGrotesk-Medium.woff') format("woff");
  src: local('☺︎'),
    url('./fonts/SyndicatGrotesk-Medium.woff2') format("woff2");
    url('./fonts/SyndicatGrotesk-Medium.woff') format("woff");
  }
@media screen and (max-device-width: 480px) {
  @font-face {
    font-family: Syndicat-Medium;
    src: url('./fonts/SyndicatGrotesk-Medium.woff2') format("woff2");
    src: url('./fonts/SyndicatGrotesk-Medium.woff') format("woff");
}}
@font-face {
  font-family: Syndicat-Bold;
  src: url('./fonts/SyndicatGrotesk-Bold.woff2') format("woff2");
  src: url('./fonts/SyndicatGrotesk-Bold.woff') format("woff");
  src: local('☺︎'),
    url('./fonts/SyndicatGrotesk-Bold.woff2') format("woff2");
    url('./fonts/SyndicatGrotesk-Bold.woff') format("woff");
  }
@media screen and (max-device-width: 480px) {
  @font-face {
    font-family: Syndicat-Bold;
    src: url('./fonts/SyndicatGrotesk-Bold.woff2') format("woff2");
    src: url('./fonts/SyndicatGrotesk-Bold.woff') format("woff");
}}


:root {
  --gutter: 15px;
  --margin: 30px;
  --sectionMargin: 130px;
  --transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  --white: #FFF;
  --black: #000;
  --lightGray: #EDEDED;
  --gray: #E3E3E3;
  --darkGray: #A0A0A0;
  --footerHeight: 60px
}
html {
  font-family: Syndicat-Regular, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: var(--black);
  background-color: var(--white);
  font-size: 12px;
  line-height: 15px;
  overflow-x: hidden;
  width: 100vw;
}
body {
  overflow: hidden;
  margin: 0;
  display: contents;
}
h1,h2,h3,h4,h5 {
  font-weight: 400;
  margin: 0;
}
a,
a:visited,
a:-webkit-any-link {
  text-decoration: none;
  color: inherit;
  text-decoration: none;
}
a:hover {
  opacity: .4;
}
p {
  margin: 0;
}
.hidden {
  display: none;
}
.mobileOnly {
  display: none !important;
}
@media only screen and (max-width: 1600px) {
  :root {
    --footerHeight: 45px
  }
}
@media only screen and (max-width: 900px) {
  :root {
    --margin: 20px;
    --footerHeight: 60px;
  }
  html {
    font-size: 10px;
    line-height: 13px;
  }
  .desktopOnly {
    display: none !important;
  }
  .mobileOnly {
    display: block !important;
  }
}