/* ------------------------------ */
/* ----- Typography / Colors ---- */
/* ------------------------------ */

@font-face {
  font-family: 'Kelson';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/kelson-light.woff2') format('woff2'),
       url('fonts/kelson-light.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Kelson';
  font-weight: 600;
  font-style: normal;
  src: url('fonts/kelson-medium.woff2') format('woff2'),
       url('fonts/kelson-medium.woff') format('woff');
  font-display: swap;
}


/* Normalize */
.inside,.site_wrapper{position:relative}main,picture{display:block}img,picture{max-width:100%}body,ul{margin:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}:focus{outline:0!important}html{min-height:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.inside{margin:0 auto}a,button,input{-ms-touch-action:manipulation;touch-action:manipulation}ul{list-style-type:none;padding:0}img{border-style:none;vertical-align:top}img:not(.logo){height:auto}input,textarea{border-radius:0;-webkit-appearance:none}button,input,optgroup,select,textarea{font-family:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}textarea{overflow:auto}address{font-style:normal}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[hidden]{display:none}



/* ------------------------------ */
/* ---------- Variables --------- */
/* ------------------------------ */

:root {
  --brand-font: 'Kelson';
  --brand-black: #3d3d3d;
  --brand-white: #ffffff;

  --spacing: 80px;
  --font-size-standard: 26px;
}



/* ------------------------------ */
/* ----------- Styling ---------- */
/* ------------------------------ */

::selection {
  background: var(--brand-black);
  color: var(--brand-white);
}

::-moz-selection {
  background: var(--brand-black);
  color: var(--brand-white);
}

html {
  font-size: 20px;
}

body {
  font-family: var(--brand-font);
  font-size: var(--font-size-standard);
  line-height: 1.5;
  color: var(--brand-black);
  -webkit-tap-highlight-color: transparent;
}

.site_wrapper {
  max-width: calc(670px + var(--spacing) * 2);
  margin: 0 auto;
  padding: var(--spacing);
  text-align: center;
}

p {
  margin: 0 0 8px;
}

a {
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  transition: opacity .5s;
}

a:hover {
  opacity: .7;
}

.logo {
  margin-bottom: 40px;
}


/* ------------------------------ */
/* -------- Media Queries ------- */
/* ------------------------------ */

@media all and (max-width: 991.98px) and (min-width: 576px) {

  :root {
    --spacing: 40px;
    --font-size-standard: 24px;
  }

  .logo {
    margin-bottom: 30px;
  }

}


@media all and (max-width: 767.98px) {

  .content p br {
    display: none;
  }

  .site_wrapper {
    padding-top: 40px;
    padding-bottom: 50px;
  }

}


@media all and (max-width: 575.98px) {

  :root {
    --spacing: 30px;
    --font-size-standard: 22px;
  }

  .logo {
    margin-bottom: 20px;
  }

}