/* CSS Document */

html, body {
  height: 100%;
}

body {
  background-color: #000;
  margin: 0px;
  padding: 0px;
  color: #000;
  font-size: 16px;
  font-family: 'Fira Sans', sans-serif;
  line-height: 22px;
}

a {
  color: #991915;
  text-decoration: none;
}

a:hover {
  color: #cc1417;
}

#wrapper {
  min-height: 100%;
  /*background-image: url('../background/Default_Snowman_underwater_pink_plush_water_swirls_submarine_L_3_3ba18a99-f6b7-4030-bbc7-c24cb786878c_1_103727.jpg');*/
  background-size: cover;
  background-position: center center;
  height: 100vh;
  min-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 280px;
  padding-right: 70px;
}

#wrapper_inner {
  position: relative;
  margin-top: 140px;
  margin-bottom: calc(100vh + 400px);
  min-height: 80vh;
  color: #fff;
}

.redback, .redback_multi {
  position: absolute;
  top: -10000px;
  bottom: 0px;
  left: -10000px;
  right: -10000px;
  transform: rotate(-3deg);
  z-index: 1;
}
.redback {
  opacity: 0.5;
  background-color: #e50000;
}
.redback_multi {
  mix-blend-mode: multiply;
  background-color: #cc1517;
}

.inner_text {
  position: relative;
  z-index: 80;
  font-size: calc(100vw / 25);
  line-height: calc(100vw / 25 + 20px);
  margin-top: calc(100vh / 3);
}


#whiteback {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 280px;
  min-height: 300px;
  z-index: 100;
}

#whiteback_img {
  position: absolute;
  height: 100vh;
  width: 240px;
  min-height: 300px;
  top: 0px;
  bottom: 0px;
}

#logo_img {
  position: absolute;
  height: auto;
  width: 95px;
  top: 30px;
  left: 30px;
}

#contact {
  position: absolute;
  bottom: 30px;
  left: 30px;
}