/* FROM COLOR PHOTOS:
$re-dark: rgb(29, 33, 67);
$re-blue: rgb(24, 79, 122);
$re-pale: rgb(216, 164, 96);
$re-red: rgb(173, 66, 71);
$re-orange: rgb(245, 128, 62);
*/
/* FROM COLOR PHOTOS:
$re-dark: rgb(29, 33, 67);
$re-blue: rgb(24, 79, 122);
$re-pale: rgb(216, 164, 96);
$re-red: rgb(173, 66, 71);
$re-orange: rgb(245, 128, 62);
*/
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility; }

body {
  font-family: 'Open Sans', sans-serif;
  background-color: white; }

#navs {
  width: 100%;
  position: absolute; }
  #navs::after {
    display: none; }
  #navs .fixed {
    position: fixed; }

.main {
  margin-bottom: 0; }

.hero {
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0; }

svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  svg .mask-text {
    font-size: 7px;
    font-weight: 700;
    text-transform: uppercase; }
  svg .shadow-text {
    opacity: 0;
    fill: white;
    text-shadow: 3px 3px 6px black; }
  svg #mask-logo path, svg #mask-logo polygon {
    fill: #000; }
  svg tspan {
    font-family: Righteous, sans-serif;
    letter-spacing: 0.5px; }

@media (max-width: 360px) {
  svg .mask-text {
    font-size: 4px; } }
#debug {
  position: fixed;
  z-index: 10010;
  left: 10px;
  font-size: 66px;
  font-weight: bold;
  font-family: sans-serif;
  color: white;
  display: none; }

.temp-award {
  position: absolute;
  left: 50px;
  top: 125px;
}
.temp-award img {
  width: 220px;
}

/*# sourceMappingURL=home.css.map */