@media all and (min-width: 0px) {



/* Resets ---------------------------- */

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html,
body {
  font-size: calc( 13px + (22 - 13) * (100vw - 380px) / (1300 - 380) );
 /* font-size: calc( 1.5rem + (3 - 1.5) * (100vw - 600px) / (1024 - 600) );*/
  font-weight: 400;
  color: rgba(0, 0, 0, 0.95);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
  height:auto;
  min-height:100vh;
  /*background: rgba(226, 221, 208, 0);*/
  background: rgba(255,255,255,1);
  font-family:'Overpass', sans-serif;
  overflow-x: hidden;
  margin: 0;
  padding: 0;

}
/*
.clearfix::after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
*/
.hidden, .visibility-hidden {
  /*display: none;*/
  visibility: hidden;
}

applet, object, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, caption, fieldset, form, label, legend {
  border: 0 none;
  font: inherit;
  margin: 0;
  outline: 0 none;
  padding: 0;
  vertical-align: baseline;
}
iframe {
  display:block;
  margin:0 auto;
}

button,
object,
embed, 
img, 
a {
  outline: 0;
}

/* All Input elements */

input::-moz-focus-inner {
  outline: 0;
  border: 0;
}

/* Or more specifically*/

input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
  outline: 0;
}
input,input:focus {
    border: none;
}
*:focus {
outline: 0;
border: none;
box-shadow: none;
}

h1 {
  font-size: 1.5rem;
  text-transform: uppercase;
  text-align: center;
  font-weight:200;
  letter-spacing: 0.2rem;
  padding: 0 0.5em;
}
h3 {
  font-size: 1.25rem;
  text-align: center;
  font-weight: 400;
}
.main-wrapper {
  height: auto;
  min-height: 100vh;
  padding-top: 25vh;
  position: relative;
}
.logo {
  width: 75vw; 
  margin: 0 auto;
  overflow: hidden;
}
.logo img {
  width: 100%; 
  height: auto;
}

.content-box-center {
  padding:3em;
  background:#f2f2f2;
  width: 80vw;
  margin: 2em auto;
  border-radius: 3px;
}

.content-box-center p {
  text-align: justify;
}

.content-box-bottom {
  text-align:center;
  font-family: 'Overpass Mono', monospace;
  font-size: 0.65rem;
  font-weight:300;
  line-height: 1.3;
  position:absolute;
  bottom: 7vh;
  width: 100%;
}
.footer {
  text-align:center;
  font-family: 'Overpass Mono', monospace;
  font-size: 0.5rem;
  font-weight:300;
  line-height: 1.3;
  position:absolute;
  bottom: 2vh;
  width: 100%;
}
.footer a {
  color: #333;
}

} /* END OF MEDIA WRAPPER */