/*wavium.css V2, Get ready for a rewrite!*/
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
div {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
p {
  font-size: 16px;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
header {
  min-height: 60px;
  text-align: center;
}
body {
  min-height: 100vh;
  margin: 0;
  display: grid;
  grid-template-rows: auto 1fr auto;
}
footer {
  min-height: 60px;
}
.w-img-container {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}
.w-img {
  position: absolute;
  width: 100%;
  z-index: -1;
  overflow: hidden;
  filter: brightness(100%);

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.w-img-heading {
  font-size: 24px;

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.w-img-overlay {
  -webkit-filter: opacity(0%);
  filter: opacity(0%);

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.w-img-container:hover .w-img {
  filter: brightness(60%);

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.w-img-container:hover .w-img-overlay {
  filter: opacity(100%);

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.w-img-container:hover .w-img-heading {
  font-size: 16px;

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

/* ELEMENT SPECIFIC */
.w-logo {
  align-items: center;
}
.w-footer {
  align-content: center;
}
.w-header {
  align-content: center;
}

/* ALIGNS */
.w-float-left {
  float: left;
}
.w-float-right {
  float: right;
}
.w-center {
  text-align: center;
}

/* MARGINS */
.w-margin-left {
  margin-left: 20px;
}
.w-margin-right {
  margin-right: 20px;
}
.w-margin {
  margin: 10px !important;
}
.w-margin-auto {
  margin: auto;
}

/* CARDS */
.w-card {
  margin: 5px;
  margin-top: 0px;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 200px;
}
.w-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 980px;
}
.w-container {
  padding: 16px;
}

/* DIVIDERS & RATIOS */
.w-col,
.w-half,
.w-third,
.w-twothird,
.w-threequarter,
.w-quarter {
  float: left;
  width: 100%;
  min-width: 228px;
}

@media (min-width: 601px) {
  .w-col.m1 {
    width: 8.33333%;
  }
  .w-col.m2 {
    width: 16.66666%;
  }
  .w-col.m3,
  .w-quarter {
    width: 24.99999%;
  }
  .w-col.m4,
  .w-third {
    width: 33.33333%;
  }
  .w-col.m5 {
    width: 41.66666%;
  }
  .w-col.m6,
  .w-half {
    width: 49.99999%;
  }
  .w-col.m7 {
    width: 58.33333%;
  }
  .w-col.m8,
  .w-twothird {
    width: 66.66666%;
  }
  .w-col.m9,
  .w-threequarter {
    width: 74.99999%;
  }
  .w-col.m10 {
    width: 83.33333%;
  }
  .w-col.m11 {
    width: 91.66666%;
  }
  .w-col.m12 {
    width: 99.99999%;
  }
}

@media (min-width: 850px) {
  .w-col.l1 {
    width: 8.33333%;
  }
  .w-col.l2 {
    width: 16.66666%;
  }
  .w-col.l3 {
    width: 24.99999%;
  }
  .w-col.l4 {
    width: 33.33333%;
  }
  .w-col.l5 {
    width: 41.66666%;
  }
  .w-col.l6 {
    width: 49.99999%;
  }
  .w-col.l7 {
    width: 58.33333%;
  }
  .w-col.l8 {
    width: 66.66666%;
  }
  .w-col.l9 {
    width: 74.99999%;
  }
  .w-col.l10 {
    width: 83.33333%;
  }
  .w-col.l11 {
    width: 91.66666%;
  }
  .w-col.l12 {
    width: 99.99999%;
  }
}