/*
 * Fix
 * Version 0.1.1
 * https://github.com/jaydenseric/Fix
*/
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  line-height: 1;
  font-family: sans-serif;
  background: #f5f5f5;
  overflow: auto;
}

iframe {
  border: 0;
}

main {
  display: block;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

li {
  display: block;
}

dl {
  margin-top: 0;
  margin-bottom: 0;
}

dd {
  margin-left: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: inherit;
}

blockquote {
  margin: 0;
  padding: 0;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

sup {
  position: relative;
  top: -.5em;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

strong {
  font-weight: bold;
}

figure {
  margin: 0;
}

img {
  border: 0;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a {
  text-decoration: none;
  color: inherit;
}

button {
  border: 0;
  margin: 0;
  padding: 0;
  text-align: inherit;
  text-transform: inherit;
  font: inherit;
  -webkit-font-smoothing: inherit;
  letter-spacing: inherit;
  background: none;
  cursor: pointer;
  overflow: visible;
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

@font-face {
  font-family: "ch-vogue";
  src: url("fonts/CupheadVogue-Bold.woff") format("woff");
  font-weight: bold;
}

@font-face {
  font-family: "ch-vogue-bold";
  src: url("fonts/CupheadVogue-ExtraBold.woff") format("woff");
  font-weight: bold;
}

*, *:before, *:after {
  box-sizing: border-box;
}

.site-wrapper {
  margin: 0 auto;
  max-width: 1240px;
  padding: 30px;
  position: relative;
}

.flexrow {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
  position: relative;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
}

.flexrow-wide {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.fullWidth {
  padding: 20px 20px 20px 20px;
  position: relative;
}

.desk_col_1 {
  width: 5.5833333333%;
  position: relative;
  margin-right: 3%;
}

.desk_col_2 {
  width: 14.1666666667%;
  position: relative;
  margin-right: 3%;
}

.desk_col_3 {
  width: 22.75%;
  position: relative;
  margin-right: 3%;
}

.desk_col_4 {
  width: 31.3333333333%;
  position: relative;
  margin-right: 3%;
}

.desk_col_5 {
  width: 39.9166666667%;
  position: relative;
  margin-right: 3%;
}

.desk_col_6 {
  width: 48.5%;
  position: relative;
  margin-right: 3%;
}

.desk_col_7 {
  width: 57.0833333333%;
  position: relative;
  margin-right: 3%;
}

.desk_col_8 {
  width: 65.6666666667%;
  position: relative;
  margin-right: 3%;
}

.desk_col_9 {
  width: 74.25%;
  position: relative;
  margin-right: 3%;
}

.desk_col_10 {
  width: 82.8333333333%;
  position: relative;
  margin-right: 3%;
}

.desk_col_11 {
  width: 91.4166666667%;
  position: relative;
  margin-right: 3%;
}

.desk_col_12 {
  width: 100%;
  position: relative;
  margin-right: 3%;
}

.alt_desk_col_1 {
  width: 5.5%;
  position: relative;
  margin-right: 5%;
}

.alt_desk_col_2 {
  width: 16%;
  position: relative;
  margin-right: 5%;
}

.alt_desk_col_3 {
  width: 26.5%;
  position: relative;
  margin-right: 5%;
}

.alt_desk_col_4 {
  width: 37%;
  position: relative;
  margin-right: 5%;
}

.alt_desk_col_5 {
  width: 47.5%;
  position: relative;
  margin-right: 5%;
}

.alt_desk_col_6 {
  width: 58%;
  position: relative;
  margin-right: 5%;
}

.alt_desk_col_7 {
  width: 68.5%;
  position: relative;
  margin-right: 5%;
}

.alt_desk_col_8 {
  width: 79%;
  position: relative;
  margin-right: 5%;
}

.alt_desk_col_9 {
  width: 89.5%;
  position: relative;
  margin-right: 5%;
}

.alt_desk_col_10 {
  width: 100%;
  position: relative;
  margin-right: 5%;
}

.desk_col_1:only-child, .tab_col_1:only-child, .mob_col_1:only-child {
  margin-right: 0;
}

.desk_col_12 {
  margin-right: 0 !important;
}

.desk_col_2:only-child, .tab_col_2:only-child, .mob_col_2:only-child {
  margin-right: 0;
}

.desk_col_12 {
  margin-right: 0 !important;
}

.desk_col_3:only-child, .tab_col_3:only-child, .mob_col_3:only-child {
  margin-right: 0;
}

.desk_col_12 {
  margin-right: 0 !important;
}

.desk_col_4:only-child, .tab_col_4:only-child, .mob_col_4:only-child {
  margin-right: 0;
}

.desk_col_12 {
  margin-right: 0 !important;
}

.desk_col_5:only-child, .tab_col_5:only-child, .mob_col_5:only-child {
  margin-right: 0;
}

.desk_col_12 {
  margin-right: 0 !important;
}

.desk_col_6:only-child, .tab_col_6:only-child, .mob_col_6:only-child {
  margin-right: 0;
}

.desk_col_12 {
  margin-right: 0 !important;
}

.desk_col_7:only-child, .tab_col_7:only-child, .mob_col_7:only-child {
  margin-right: 0;
}

.desk_col_12 {
  margin-right: 0 !important;
}

.desk_col_8:only-child, .tab_col_8:only-child, .mob_col_8:only-child {
  margin-right: 0;
}

.desk_col_12 {
  margin-right: 0 !important;
}

.desk_col_9:only-child, .tab_col_9:only-child, .mob_col_9:only-child {
  margin-right: 0;
}

.desk_col_12 {
  margin-right: 0 !important;
}

.desk_col_10:only-child, .tab_col_10:only-child, .mob_col_10:only-child {
  margin-right: 0;
}

.desk_col_12 {
  margin-right: 0 !important;
}

.desk_col_11:only-child, .tab_col_11:only-child, .mob_col_11:only-child {
  margin-right: 0;
}

.desk_col_12 {
  margin-right: 0 !important;
}

.desk_col_12:only-child, .tab_col_12:only-child, .mob_col_12:only-child {
  margin-right: 0;
}

.desk_col_12 {
  margin-right: 0 !important;
}

.alt_desk_col_1:only-child, .alt_tab_col_1:only-child, .alt_mob_col_1:only-child {
  margin-right: 0;
}

.alt_desk_col_12 {
  margin-right: 0 !important;
}

.alt_desk_col_2:only-child, .alt_tab_col_2:only-child, .alt_mob_col_2:only-child {
  margin-right: 0;
}

.alt_desk_col_12 {
  margin-right: 0 !important;
}

.alt_desk_col_3:only-child, .alt_tab_col_3:only-child, .alt_mob_col_3:only-child {
  margin-right: 0;
}

.alt_desk_col_12 {
  margin-right: 0 !important;
}

.alt_desk_col_4:only-child, .alt_tab_col_4:only-child, .alt_mob_col_4:only-child {
  margin-right: 0;
}

.alt_desk_col_12 {
  margin-right: 0 !important;
}

.alt_desk_col_5:only-child, .alt_tab_col_5:only-child, .alt_mob_col_5:only-child {
  margin-right: 0;
}

.alt_desk_col_12 {
  margin-right: 0 !important;
}

.alt_desk_col_6:only-child, .alt_tab_col_6:only-child, .alt_mob_col_6:only-child {
  margin-right: 0;
}

.alt_desk_col_12 {
  margin-right: 0 !important;
}

.alt_desk_col_7:only-child, .alt_tab_col_7:only-child, .alt_mob_col_7:only-child {
  margin-right: 0;
}

.alt_desk_col_12 {
  margin-right: 0 !important;
}

.alt_desk_col_8:only-child, .alt_tab_col_8:only-child, .alt_mob_col_8:only-child {
  margin-right: 0;
}

.alt_desk_col_12 {
  margin-right: 0 !important;
}

.alt_desk_col_9:only-child, .alt_tab_col_9:only-child, .alt_mob_col_9:only-child {
  margin-right: 0;
}

.alt_desk_col_12 {
  margin-right: 0 !important;
}

.alt_desk_col_10:only-child, .alt_tab_col_10:only-child, .alt_mob_col_10:only-child {
  margin-right: 0;
}

.alt_desk_col_12 {
  margin-right: 0 !important;
}

.desk_col_1:last-child, .tab_col_1:last-child, .mob_col_1:last-child {
  margin-right: 0;
}

.desk_col_2:last-child, .tab_col_2:last-child, .mob_col_2:last-child {
  margin-right: 0;
}

.desk_col_3:last-child, .tab_col_3:last-child, .mob_col_3:last-child {
  margin-right: 0;
}

.desk_col_4:last-child, .tab_col_4:last-child, .mob_col_4:last-child {
  margin-right: 0;
}

.desk_col_5:last-child, .tab_col_5:last-child, .mob_col_5:last-child {
  margin-right: 0;
}

.desk_col_6:last-child, .tab_col_6:last-child, .mob_col_6:last-child {
  margin-right: 0;
}

.desk_col_7:last-child, .tab_col_7:last-child, .mob_col_7:last-child {
  margin-right: 0;
}

.desk_col_8:last-child, .tab_col_8:last-child, .mob_col_8:last-child {
  margin-right: 0;
}

.desk_col_9:last-child, .tab_col_9:last-child, .mob_col_9:last-child {
  margin-right: 0;
}

.desk_col_10:last-child, .tab_col_10:last-child, .mob_col_10:last-child {
  margin-right: 0;
}

.desk_col_11:last-child, .tab_col_11:last-child, .mob_col_11:last-child {
  margin-right: 0;
}

.desk_col_12:last-child, .tab_col_12:last-child, .mob_col_12:last-child {
  margin-right: 0;
}

.alt_desk_col_1:last-child, .alt_tab_col_1:last-child, .alt_mob_col_1:last-child {
  margin-right: 0;
}

.alt_desk_col_2:last-child, .alt_tab_col_2:last-child, .alt_mob_col_2:last-child {
  margin-right: 0;
}

.alt_desk_col_3:last-child, .alt_tab_col_3:last-child, .alt_mob_col_3:last-child {
  margin-right: 0;
}

.alt_desk_col_4:last-child, .alt_tab_col_4:last-child, .alt_mob_col_4:last-child {
  margin-right: 0;
}

.alt_desk_col_5:last-child, .alt_tab_col_5:last-child, .alt_mob_col_5:last-child {
  margin-right: 0;
}

.alt_desk_col_6:last-child, .alt_tab_col_6:last-child, .alt_mob_col_6:last-child {
  margin-right: 0;
}

.alt_desk_col_7:last-child, .alt_tab_col_7:last-child, .alt_mob_col_7:last-child {
  margin-right: 0;
}

.alt_desk_col_8:last-child, .alt_tab_col_8:last-child, .alt_mob_col_8:last-child {
  margin-right: 0;
}

.alt_desk_col_9:last-child, .alt_tab_col_9:last-child, .alt_mob_col_9:last-child {
  margin-right: 0;
}

.alt_desk_col_10:last-child, .alt_tab_col_10:last-child, .alt_mob_col_10:last-child {
  margin-right: 0;
}

.alt_desk_col_11:last-child, .alt_tab_col_11:last-child, .alt_mob_col_11:last-child {
  margin-right: 0;
}

.alt_desk_col_12:last-child, .alt_tab_col_12:last-child, .alt_mob_col_12:last-child {
  margin-right: 0;
}

.desk_offset_1 {
  margin-left: 8.5833333333%;
}

.desk_offset_0 {
  margin-left: 0;
}

.desk_offset_2 {
  margin-left: 17.1666666667%;
}

.desk_offset_0 {
  margin-left: 0;
}

.desk_offset_3 {
  margin-left: 25.75%;
}

.desk_offset_0 {
  margin-left: 0;
}

.desk_offset_4 {
  margin-left: 34.3333333333%;
}

.desk_offset_0 {
  margin-left: 0;
}

.desk_offset_5 {
  margin-left: 42.9166666667%;
}

.desk_offset_0 {
  margin-left: 0;
}

.desk_offset_6 {
  margin-left: 51.5%;
}

.desk_offset_0 {
  margin-left: 0;
}

.desk_offset_7 {
  margin-left: 60.0833333333%;
}

.desk_offset_0 {
  margin-left: 0;
}

.desk_offset_8 {
  margin-left: 68.6666666667%;
}

.desk_offset_0 {
  margin-left: 0;
}

.desk_offset_9 {
  margin-left: 77.25%;
}

.desk_offset_0 {
  margin-left: 0;
}

.desk_offset_10 {
  margin-left: 85.8333333333%;
}

.desk_offset_0 {
  margin-left: 0;
}

.desk_offset_11 {
  margin-left: 94.4166666667%;
}

.desk_offset_0 {
  margin-left: 0;
}

.desk_offset_12 {
  margin-left: 103%;
}

.desk_offset_0 {
  margin-left: 0;
}

.alt_desk_offset_1 {
  margin-left: 10.5%;
}

.alt_desk_offset_0 {
  margin-left: 0;
}

.alt_desk_offset_2 {
  margin-left: 21%;
}

.alt_desk_offset_0 {
  margin-left: 0;
}

.alt_desk_offset_3 {
  margin-left: 31.5%;
}

.alt_desk_offset_0 {
  margin-left: 0;
}

.alt_desk_offset_4 {
  margin-left: 42%;
}

.alt_desk_offset_0 {
  margin-left: 0;
}

.alt_desk_offset_5 {
  margin-left: 52.5%;
}

.alt_desk_offset_0 {
  margin-left: 0;
}

.alt_desk_offset_6 {
  margin-left: 63%;
}

.alt_desk_offset_0 {
  margin-left: 0;
}

.alt_desk_offset_7 {
  margin-left: 73.5%;
}

.alt_desk_offset_0 {
  margin-left: 0;
}

.alt_desk_offset_8 {
  margin-left: 84%;
}

.alt_desk_offset_0 {
  margin-left: 0;
}

.alt_desk_offset_9 {
  margin-left: 94.5%;
}

.alt_desk_offset_0 {
  margin-left: 0;
}

.alt_desk_offset_10 {
  margin-left: 105%;
}

.alt_desk_offset_0 {
  margin-left: 0;
}

.desk_full {
  width: 100%;
}

.desk_half, .tab_half {
  width: 50%;
}

.desk_third, .tab_third, .mob_third {
  width: 33.333333%;
}

.desk_qtr, .tab_qtr, .mob_qtr {
  width: 25%;
}

@media only screen and (min-width: 451px) and (max-width: 768px) {
  .tab_col_1 {
    width: 5.5833333333%;
    position: relative;
    margin-right: 3%;
  }
  .tab_col_12 {
    margin-right: 0 !important;
  }
  .tab_offset_1 {
    margin-left: 8.5833333333%;
  }
  .tab_col_2 {
    width: 14.1666666667%;
    position: relative;
    margin-right: 3%;
  }
  .tab_col_12 {
    margin-right: 0 !important;
  }
  .tab_offset_2 {
    margin-left: 17.1666666667%;
  }
  .tab_col_3 {
    width: 22.75%;
    position: relative;
    margin-right: 3%;
  }
  .tab_col_12 {
    margin-right: 0 !important;
  }
  .tab_offset_3 {
    margin-left: 25.75%;
  }
  .tab_col_4 {
    width: 31.3333333333%;
    position: relative;
    margin-right: 3%;
  }
  .tab_col_12 {
    margin-right: 0 !important;
  }
  .tab_offset_4 {
    margin-left: 34.3333333333%;
  }
  .tab_col_5 {
    width: 39.9166666667%;
    position: relative;
    margin-right: 3%;
  }
  .tab_col_12 {
    margin-right: 0 !important;
  }
  .tab_offset_5 {
    margin-left: 42.9166666667%;
  }
  .tab_col_6 {
    width: 48.5%;
    position: relative;
    margin-right: 3%;
  }
  .tab_col_12 {
    margin-right: 0 !important;
  }
  .tab_offset_6 {
    margin-left: 51.5%;
  }
  .tab_col_7 {
    width: 57.0833333333%;
    position: relative;
    margin-right: 3%;
  }
  .tab_col_12 {
    margin-right: 0 !important;
  }
  .tab_offset_7 {
    margin-left: 60.0833333333%;
  }
  .tab_col_8 {
    width: 65.6666666667%;
    position: relative;
    margin-right: 3%;
  }
  .tab_col_12 {
    margin-right: 0 !important;
  }
  .tab_offset_8 {
    margin-left: 68.6666666667%;
  }
  .tab_col_9 {
    width: 74.25%;
    position: relative;
    margin-right: 3%;
  }
  .tab_col_12 {
    margin-right: 0 !important;
  }
  .tab_offset_9 {
    margin-left: 77.25%;
  }
  .tab_col_10 {
    width: 82.8333333333%;
    position: relative;
    margin-right: 3%;
  }
  .tab_col_12 {
    margin-right: 0 !important;
  }
  .tab_offset_10 {
    margin-left: 85.8333333333%;
  }
  .tab_col_11 {
    width: 91.4166666667%;
    position: relative;
    margin-right: 3%;
  }
  .tab_col_12 {
    margin-right: 0 !important;
  }
  .tab_offset_11 {
    margin-left: 94.4166666667%;
  }
  .tab_col_12 {
    width: 100%;
    position: relative;
    margin-right: 3%;
  }
  .tab_col_12 {
    margin-right: 0 !important;
  }
  .tab_offset_12 {
    margin-left: 103%;
  }
  .alt_tab_col_1 {
    width: 5.5%;
    position: relative;
    margin-right: 5%;
  }
  .alt_tab_col_10 {
    margin-right: 0 !important;
  }
  .alt_tab_offset_1 {
    margin-left: 10.5%;
  }
  .alt_tab_col_2 {
    width: 16%;
    position: relative;
    margin-right: 5%;
  }
  .alt_tab_col_10 {
    margin-right: 0 !important;
  }
  .alt_tab_offset_2 {
    margin-left: 21%;
  }
  .alt_tab_col_3 {
    width: 26.5%;
    position: relative;
    margin-right: 5%;
  }
  .alt_tab_col_10 {
    margin-right: 0 !important;
  }
  .alt_tab_offset_3 {
    margin-left: 31.5%;
  }
  .alt_tab_col_4 {
    width: 37%;
    position: relative;
    margin-right: 5%;
  }
  .alt_tab_col_10 {
    margin-right: 0 !important;
  }
  .alt_tab_offset_4 {
    margin-left: 42%;
  }
  .alt_tab_col_5 {
    width: 47.5%;
    position: relative;
    margin-right: 5%;
  }
  .alt_tab_col_10 {
    margin-right: 0 !important;
  }
  .alt_tab_offset_5 {
    margin-left: 52.5%;
  }
  .alt_tab_col_6 {
    width: 58%;
    position: relative;
    margin-right: 5%;
  }
  .alt_tab_col_10 {
    margin-right: 0 !important;
  }
  .alt_tab_offset_6 {
    margin-left: 63%;
  }
  .alt_tab_col_7 {
    width: 68.5%;
    position: relative;
    margin-right: 5%;
  }
  .alt_tab_col_10 {
    margin-right: 0 !important;
  }
  .alt_tab_offset_7 {
    margin-left: 73.5%;
  }
  .alt_tab_col_8 {
    width: 79%;
    position: relative;
    margin-right: 5%;
  }
  .alt_tab_col_10 {
    margin-right: 0 !important;
  }
  .alt_tab_offset_8 {
    margin-left: 84%;
  }
  .alt_tab_col_9 {
    width: 89.5%;
    position: relative;
    margin-right: 5%;
  }
  .alt_tab_col_10 {
    margin-right: 0 !important;
  }
  .alt_tab_offset_9 {
    margin-left: 94.5%;
  }
  .alt_tab_col_10 {
    width: 100%;
    position: relative;
    margin-right: 5%;
  }
  .alt_tab_col_10 {
    margin-right: 0 !important;
  }
  .alt_tab_offset_10 {
    margin-left: 105%;
  }
  .desk_offset_0, .tab_offset_0 {
    margin-left: 0 !important;
  }
  .tab_col_12 {
    margin-right: 0 !important;
  }
  .desk_col_0, .tab_col_0, .mob_col_0 {
    display: none;
  }
  .alt_desk_offset_0, .alt_tab_offset_0 {
    margin-left: 0 !important;
  }
  .alt_tab_col_10 {
    margin-right: 0 !important;
  }
  .alt_desk_col_0, .alt_tab_col_0, .alt_mob_col_0 {
    display: none;
  }
}

@media only screen and (min-width: 0) and (max-width: 450px) {
  .desk_col_1, .tab_col_1 {
    width: 100%;
    margin-right: 0;
  }
  .desk_col_2, .tab_col_2 {
    width: 100%;
    margin-right: 0;
  }
  .desk_col_3, .tab_col_3 {
    width: 100%;
    margin-right: 0;
  }
  .desk_col_4, .tab_col_4 {
    width: 100%;
    margin-right: 0;
  }
  .desk_col_5, .tab_col_5 {
    width: 100%;
    margin-right: 0;
  }
  .desk_col_6, .tab_col_6 {
    width: 100%;
    margin-right: 0;
  }
  .desk_col_7, .tab_col_7 {
    width: 100%;
    margin-right: 0;
  }
  .desk_col_8, .tab_col_8 {
    width: 100%;
    margin-right: 0;
  }
  .desk_col_9, .tab_col_9 {
    width: 100%;
    margin-right: 0;
  }
  .desk_col_10, .tab_col_10 {
    width: 100%;
    margin-right: 0;
  }
  .desk_col_11, .tab_col_11 {
    width: 100%;
    margin-right: 0;
  }
  .desk_col_12, .tab_col_12 {
    width: 100%;
    margin-right: 0;
  }
  .alt_desk_col_1, .alt_tab_col_1 {
    width: 100%;
    margin-right: 0;
  }
  .alt_desk_col_2, .alt_tab_col_2 {
    width: 100%;
    margin-right: 0;
  }
  .alt_desk_col_3, .alt_tab_col_3 {
    width: 100%;
    margin-right: 0;
  }
  .alt_desk_col_4, .alt_tab_col_4 {
    width: 100%;
    margin-right: 0;
  }
  .alt_desk_col_5, .alt_tab_col_5 {
    width: 100%;
    margin-right: 0;
  }
  .alt_desk_col_6, .alt_tab_col_6 {
    width: 100%;
    margin-right: 0;
  }
  .alt_desk_col_7, .alt_tab_col_7 {
    width: 100%;
    margin-right: 0;
  }
  .alt_desk_col_8, .alt_tab_col_8 {
    width: 100%;
    margin-right: 0;
  }
  .alt_desk_col_9, .alt_tab_col_9 {
    width: 100%;
    margin-right: 0;
  }
  .alt_desk_col_10, .alt_tab_col_10 {
    width: 100%;
    margin-right: 0;
  }
  .mob_col_1 {
    width: 5.5833333333%;
    position: relative;
    margin-right: 3%;
  }
  .mob_offset_1 {
    margin-left: 8.5833333333%;
  }
  .mob_col_2 {
    width: 14.1666666667%;
    position: relative;
    margin-right: 3%;
  }
  .mob_offset_2 {
    margin-left: 17.1666666667%;
  }
  .mob_col_3 {
    width: 22.75%;
    position: relative;
    margin-right: 3%;
  }
  .mob_offset_3 {
    margin-left: 25.75%;
  }
  .mob_col_4 {
    width: 31.3333333333%;
    position: relative;
    margin-right: 3%;
  }
  .mob_offset_4 {
    margin-left: 34.3333333333%;
  }
  .mob_col_5 {
    width: 39.9166666667%;
    position: relative;
    margin-right: 3%;
  }
  .mob_offset_5 {
    margin-left: 42.9166666667%;
  }
  .mob_col_6 {
    width: 48.5%;
    position: relative;
    margin-right: 3%;
  }
  .mob_offset_6 {
    margin-left: 51.5%;
  }
  .mob_col_7 {
    width: 57.0833333333%;
    position: relative;
    margin-right: 3%;
  }
  .mob_offset_7 {
    margin-left: 60.0833333333%;
  }
  .mob_col_8 {
    width: 65.6666666667%;
    position: relative;
    margin-right: 3%;
  }
  .mob_offset_8 {
    margin-left: 68.6666666667%;
  }
  .mob_col_9 {
    width: 74.25%;
    position: relative;
    margin-right: 3%;
  }
  .mob_offset_9 {
    margin-left: 77.25%;
  }
  .mob_col_10 {
    width: 82.8333333333%;
    position: relative;
    margin-right: 3%;
  }
  .mob_offset_10 {
    margin-left: 85.8333333333%;
  }
  .mob_col_11 {
    width: 91.4166666667%;
    position: relative;
    margin-right: 3%;
  }
  .mob_offset_11 {
    margin-left: 94.4166666667%;
  }
  .mob_col_12 {
    width: 100%;
    position: relative;
    margin-right: 3%;
  }
  .mob_offset_12 {
    margin-left: 103%;
  }
  .desk_offset_0, .tab_offset_0, .mob_offset_0 {
    margin-left: 0 !important;
  }
  .mob_col_12 {
    margin-right: 0 !important;
  }
  .desk_col_0, .tab_col_0, .mob_col_0 {
    display: none;
  }
  .alt_mob_col_1 {
    width: 5.5%;
    position: relative;
    margin-right: 5%;
  }
  .alt_mob_offset_1 {
    margin-left: 10.5%;
  }
  .alt_mob_col_2 {
    width: 16%;
    position: relative;
    margin-right: 5%;
  }
  .alt_mob_offset_2 {
    margin-left: 21%;
  }
  .alt_mob_col_3 {
    width: 26.5%;
    position: relative;
    margin-right: 5%;
  }
  .alt_mob_offset_3 {
    margin-left: 31.5%;
  }
  .alt_mob_col_4 {
    width: 37%;
    position: relative;
    margin-right: 5%;
  }
  .alt_mob_offset_4 {
    margin-left: 42%;
  }
  .alt_mob_col_5 {
    width: 47.5%;
    position: relative;
    margin-right: 5%;
  }
  .alt_mob_offset_5 {
    margin-left: 52.5%;
  }
  .alt_mob_col_6 {
    width: 58%;
    position: relative;
    margin-right: 5%;
  }
  .alt_mob_offset_6 {
    margin-left: 63%;
  }
  .alt_mob_col_7 {
    width: 68.5%;
    position: relative;
    margin-right: 5%;
  }
  .alt_mob_offset_7 {
    margin-left: 73.5%;
  }
  .alt_mob_col_8 {
    width: 79%;
    position: relative;
    margin-right: 5%;
  }
  .alt_mob_offset_8 {
    margin-left: 84%;
  }
  .alt_mob_col_9 {
    width: 89.5%;
    position: relative;
    margin-right: 5%;
  }
  .alt_mob_offset_9 {
    margin-left: 94.5%;
  }
  .alt_mob_col_10 {
    width: 100%;
    position: relative;
    margin-right: 5%;
  }
  .alt_mob_offset_10 {
    margin-left: 105%;
  }
  .alt_desk_offset_0, .alt_tab_offset_0, .alt_mob_offset_0 {
    margin-left: 0 !important;
  }
  .alt_mob_col_10 {
    margin-right: 0 !important;
  }
  .alt_desk_col_0, .alt_tab_col_0, .alt_mob_col_0 {
    display: none;
  }
}

.box-padding-xsmall {
  padding: 5px;
  background: rgba(255, 255, 255, 0.6);
}

.box-padding-small {
  padding: 10px;
  background: rgba(255, 255, 255, 0.6);
}

.box-padding-medium {
  padding: 15px;
  background: rgba(255, 255, 255, 0.6);
}

.box-padding-large {
  padding: 20px;
  background: rgba(255, 255, 255, 0.6);
}

.box-padding-xlarge {
  padding: 25px;
  background: rgba(255, 255, 255, 0.6);
}

/** This create the css shortcut to handle nth Child. **/
@media screen and (min-width: 769px) {
  .multiline_desk_1:nth-child(1n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_2:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_3:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_4:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_5:nth-child(5n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_6:nth-child(6n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_7:nth-child(7n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_8:nth-child(8n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_9:nth-child(9n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_10:nth-child(10n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_11:nth-child(11n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_12:nth-child(12n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_1:nth-child(1n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_2:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_3:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_4:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_5:nth-child(5n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_6:nth-child(6n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_7:nth-child(7n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_8:nth-child(8n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_9:nth-child(9n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .multiline_desk_10:nth-child(10n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_1:nth-child(1n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_2:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_3:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_4:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_5:nth-child(5n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_6:nth-child(6n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_7:nth-child(7n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_8:nth-child(8n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_9:nth-child(9n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_10:nth-child(10n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_11:nth-child(11n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_12:nth-child(12n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_1:nth-child(1n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_2:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_3:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_4:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_5:nth-child(5n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_6:nth-child(6n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_7:nth-child(7n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_8:nth-child(8n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_9:nth-child(9n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) and (min-width: 451px) {
  .multiline_tab_10:nth-child(10n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 450px) and (min-width: 0) {
  .multiline_mob_1:nth-child(1n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 450px) and (min-width: 0) {
  .multiline_mob_2:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 450px) and (min-width: 0) {
  .multiline_mob_3:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 450px) and (min-width: 0) {
  .multiline_mob_4:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 450px) and (min-width: 0) {
  .multiline_mob_5:nth-child(5n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 450px) and (min-width: 0) {
  .multiline_mob_6:nth-child(6n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 450px) and (min-width: 0) {
  .multiline_mob_7:nth-child(7n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 450px) and (min-width: 0) {
  .multiline_mob_8:nth-child(8n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 450px) and (min-width: 0) {
  .multiline_mob_9:nth-child(9n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 450px) and (min-width: 0) {
  .multiline_mob_10:nth-child(10n) {
    margin-right: 0;
  }
}

.group-wrapper {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 3em;
}

.color-swatches-wrapper {
  margin-bottom: 3em;
}

.stylesheet-info-block {
  border-right: 1px solid;
  padding-right: 20px;
  font-size: 0.6em;
  text-align: right;
}

.swatch {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: 600;
  text-align: center;
  flex-direction: column;
  width: 15%;
  height: 0;
  padding-bottom: 15%;
}

.swatch-info {
  margin-top: 90%;
}

.defaultbck {
  background: #2C2C2C;
}

.primaryback {
  background: #DB3A17;
}

.secondaryback {
  background: #629fc0;
}

html {
  font-size: 15px;
}

@media screen and (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

@media screen and (min-width: 1240px) {
  html {
    font-size: 18px;
  }
}

body {
  color: #2C2C2C;
  font-size: 1em;
  line-height: 1.4;
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-weight: 400;
}

strong, .strong, .bold {
  font-weight: 600;
}

p {
  padding-bottom: 0.6em;
}

.allcaps {
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.small {
  font-size: 0.7em;
}

.medium {
  font-size: 1.3em;
}

.large {
  font-size: 1.4em;
  line-height: 1.372;
}

.intro {
  font-size: 1.4em;
  line-height: 1.372;
}

.highlight {
  color: #DB3A17;
}

.range-left {
  text-align: left;
}

.range-right {
  text-align: right;
}

.range-center {
  text-align: center;
}

h1 {
  font-size: 4.2em;
  font-weight: 300;
  line-height: 1.19;
  padding-bottom: 0.4em;
  font-family: "ch-vogue";
}

h2 {
  font-size: 2.8em;
  font-weight: 300;
  line-height: 1.12;
  padding-bottom: 0.4em;
  font-family: "ch-vogue";
}

h3 {
  font-size: 1.6em;
  font-weight: 300;
  line-height: 1.4;
  padding-bottom: 0.4em;
  font-family: "ch-vogue";
  text-transform: uppercase;
}

h4 {
  font-family: "ch-vogue";
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4;
  padding-bottom: 0.8em;
}

h5 {
  font-family: "ch-vogue";
  font-size: 0.8em;
  font-weight: 300;
  line-height: 1.4;
  padding-bottom: 0.4em;
}

h6 {
  font-family: "ch-vogue";
  font-size: 0.67em;
  font-weight: 300;
  line-height: 1.4;
  padding-bottom: 0.4em;
}

a {
  color: black;
}

a:hover {
  color: #FF0404;
}

button, .button {
  padding: 0.6em 1em;
  background: #acacac;
  border-radius: 0.25em;
  color: #2C2C2C;
  transition: background 0.2s;
  vertical-align: middle;
  border: 1px solid #acacac;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 1em;
}

button:hover, .button:hover {
  background: #525252;
  transition: background 0.2s;
  color: white;
  border: 1px solid #525252;
  cursor: pointer;
}

.button :first-child,
.button h1, .button h2, .button h3, .button h4, .button h5, .button h6 {
  margin: 0;
  padding: 0;
}

.outline {
  background: none;
  color: #2C2C2C;
}

.primary {
  background: #DB3A17;
  color: #fff;
  border: 1px solid #DB3A17;
}

.primary:hover {
  background: #01aee0;
  border: 1px solid #01aee0;
}

.outline.primary {
  background: none;
  color: #DB3A17;
}

.outline.primary:hover {
  background: #DB3A17;
  color: white;
  border: 1px solid #DB3A17;
}

.secondary {
  background: #629fc0;
  color: white;
  border: 1px solid #629fc0;
}

.secondary:hover {
  background: #366a86;
  border: 1px solid #366a86;
}

.outline.secondary {
  background: none;
  color: #629fc0;
}

.outline.secondary:hover {
  background: #629fc0;
  color: white;
  border: 1px solid #629fc0;
}

.warning {
  background: #e83a3a;
  color: white;
  border: 1px solid #e83a3a;
}

.warning:hover {
  background: #a81414;
  border: 1px solid #a81414;
}

.disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: line-through;
}

.small-button {
  font-size: 0.7em;
}

.medium-button {
  font-size: 0.85em;
}

.large-button {
  font-size: 1.2em;
}

.xlarge-button {
  font-size: 1.4em;
}

ul {
  list-style-type: none;
  width: 100%;
}

li {
  margin-left: 0;
  margin-bottom: .4em;
}

li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

ul.bulleted li {
  display: list-item;
  list-style-type: disc;
  margin-left: 1em;
}

ol li {
  display: list-item;
  margin-left: 1em;
  margin-bottom: .4em;
}

.ruled li {
  border-bottom: 1px solid;
  padding-bottom: 0.4em;
  margin-bottom: 0.6em;
}

.ruled li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

label {
  display: block;
  margin-bottom: 0.6em;
  font-size: 0.8em;
  width: 100%;
}

input {
  width: 100%;
  height: 2.6em;
  margin-bottom: 1em;
  font-size: 1em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  border: 1px solid #929292;
  color: #2C2C2C;
}

.search-group {
  display: flex;
  flex-wrap: wrap;
}

input[type="search"] {
  width: auto;
  flex: 1;
}

input[type="submit"] {
  width: auto;
  padding: 0.6em 1em;
}

textarea {
  width: 100%;
  max-width: 100%;
  font-size: 1em;
  color: #929292;
  padding: 0.4em;
  min-height: 200px;
  margin-bottom: 1em;
}

textarea:focus {
  color: #2C2C2C;
}

input[type="radio"], input[type="checkbox"] {
  width: auto;
  font-size: 1em;
  height: auto;
  border: none;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.large-image {
  margin-bottom: 1em;
}

@-webkit-keyframes fadeInShort {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInShort {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeInShort {
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation: fadeInShort ease-in 1;
          animation: fadeInShort ease-in 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}

@-webkit-keyframes fadeInLong {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInLong {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeInLong {
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation: fadeInLong ease-in 1;
          animation: fadeInLong ease-in 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

/* Pulse */
@-webkit-keyframes pulse {
  25% {
    transform: scale(1.05);
  }
  75% {
    transform: scale(0.95);
  }
}
@keyframes pulse {
  25% {
    transform: scale(1.05);
  }
  75% {
    transform: scale(0.95);
  }
}

.pulse {
  display: inline-block;
  -webkit-animation-name: pulse;
          animation-name: pulse;
  -webkit-animation-duration: .35s;
          animation-duration: .35s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.pulse:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

@-webkit-keyframes fadeOutShort {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOutShort {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.fadeOutShort {
  opacity: 1;
  -webkit-animation: fadeOutShort ease-in 1;
          animation: fadeOutShort ease-in 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}

@-webkit-keyframes fadeOutLong {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOutLong {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.fadeOutShort {
  opacity: 1;
  -webkit-animation: fadeOutLong ease-in 1;
          animation: fadeOutLong ease-in 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

@-webkit-keyframes fadeInOut {
  0%, 100% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
}

@keyframes fadeInOut {
  0%, 100% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
}

.fadeInOut {
  opacity: 0;
  -webkit-animation: fadeInOut 2s ease-in-out forwards;
          animation: fadeInOut 2s ease-in-out forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

@-webkit-keyframes riseUp {
  from {
    transform: translate(0, 20px);
    opacity: 0;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes riseUp {
  from {
    transform: translate(0, 20px);
    opacity: 0;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}

.riseUp {
  opacity: 0;
  transform: translate(0, 20px);
  -webkit-animation-name: riseUp;
          animation-name: riseUp;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: cubic-bezier(0, 0.47, 0.4, 0.89);
          animation-timing-function: cubic-bezier(0, 0.47, 0.4, 0.89);
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.yellow-bck {
  background: #FFCF10;
}
.off-white-bck {
  background: #f5f5f5;
}

.blue-bck {
  background: #95d2f3;
}

.green-bck {
  background: #a0e1c0;
}

.purple {
  color: #433650;
}

.alt-black {
  color: #433650;
}

a.large-button, a.xlarge-button {
  font-family: "ch-vogue", "Helvetica Neue", helvetica, arial, sans-serif;
}

p a {
  text-decoration: underline;
  font-weight: 600;
}

.header {
  margin-bottom: 2em;
}

@media screen and (max-width: 450px) {
  .site-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.main-nav-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main-nav-wrapper ul li .button {
  margin-bottom: 0;
}

.main-nav-wrapper .main-nav {
  width: 30%;
  text-align: right;
}

.logo {
  max-width: 380px;
  width: 60%;
}

nav.main-nav ul li img {
  max-width: 180px;
  width: 100%;
}

.main-image-wrapper {
  margin-bottom: 6em;
}

.main-image-wrapper img {
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .main-image-wrapper {
    margin-bottom: 2em;
  }
}

.dlc-main-image-wrapper {
  margin-bottom: 6em;
}

@media screen and (max-width: 768px) {
  .dlc-main-image-wrapper {
    margin-bottom: 2em;
  }
}

.buy-button-wrapper {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-bottom: 6em;
}

@media screen and (max-width: 768px) {
  .buy-button-wrapper {
    margin-bottom: 2em;
  }
}

.buy-button-wrapper a {
  margin-left: 10px;
  margin-right: 10px;
}

.buy-button-wrapper a :first-child {
  margin-left: 0;
  margin-right: 10px;
}

.buy-button-wrapper a :last-child {
  margin-left: 10px;
  margin-right: 0;
}

.description-wrapper {
  margin-bottom: 6em;
}

@media screen and (max-width: 768px) {
  .description-wrapper h2 {
    font-size: 2.8em;
  }
}

.video-wrapper {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  margin-bottom: 6em;
}

@media screen and (max-width: 768px) {
  .video-wrapper {
    margin-bottom: 2em;
  }
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.logo-row {
  padding-top: 40px;
  padding-bottom: 20px;
}

.copyright-wrapper {
  background: white;
  padding-top: 0;
}

.dlc-details {
  align-items: center;
  margin-bottom: 6em;
}

@media screen and (max-width: 768px) {
  .dlc-details {
    margin-bottom: 2em;
  }
}

.dlc-details h2 {
  font-size: 2.6em;
  text-align: center;
  border-top: 3px solid;
  padding-top: 30px;
  padding-bottom: 50px;
/*  color: #252f28;*/
}

@media screen and (max-width: 768px) {
  .dlc-details h2 {
    font-size: 1.8em;
  }
}

.dlc-logos {
  border-bottom: 3px solid;
  padding-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  .description-wrapper {
    margin-bottom: 2em;
  }
  .dlc-details {
    align-items: center;
    margin-bottom: 2em;
  }
  .dlc-details ul {
    padding-bottom: 2em;
  }
}

.dlc-wallpaper-wrapper {
  margin-bottom: 6em;
}

@media screen and (max-width: 768px) {
  .dlc-wallpaper-wrapper {
    margin-bottom: 2em;
  }
}

.desk_col_6.wallpaper-image-wrapper {
  border: 5px solid white;
  margin-bottom: 25px;
}

.awards-wrapper {
  font-family: "ch-vogue", "Helvetica Neue", helvetica, arial, sans-serif;
  font-weight: 400;
}

.xbold {
  font-family: "ch-vogue-bold", "Helvetica Neue", helvetica, arial, sans-serif;
  font-weight: 600;
}

.awards-heading-row {
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.awards-heading-row img.award {
  max-width: 200px;
  min-width: 160px;
}

.border-block {
  width: 100%;
  height: 2px;
  background: #eabe30;
}

.award-laurel-wrapper {
  margin-left: 20px;
  margin-right: 20px;
}

.award-row {
  border-bottom: 2px solid #eabe30;
  padding-bottom: 40px;
  padding-top: 20px;
  margin-bottom: 20px;
  flex-wrap: nowrap;
  font-size: 14px;
}

.award-sub-group {
  width: 50%;
}

.award-sub-group.range-right {
  border-right: 2px solid #eabe30;
  padding-right: 20px;
}

.award-sub-group.range-left {
  padding-left: 20px;
}

.last-row {
  border-bottom: none;
}

ul.award-detail {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 160px;
}

ul.award-detail li {
  margin-left: 20px;
  margin-right: 20px;
}

.range-left ul.award-detail {
  justify-content: flex-start;
}

.range-right ul.award-detail {
  justify-content: flex-end;
}

.annie-row ul.award-detail {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 160px;
  margin-left: -32px;
}

@media screen and (max-width: 788px) {
  .annie-row ul.award-detail {
    margin-left: -28px;
  }
}

img.award {
  margin: 0 auto;
  max-width: 250px;
  width: 100%;
}

img.award.large-award {
  max-width: 240px;
}

img.award.med-award {
  max-width: 130px;
}

img.award.annie-award {
  max-width: 150px;
}

@media screen and (max-width: 650px) {
  .award-row {
    flex-wrap: wrap;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
  }
  .award-row ul {
    flex-wrap: wrap;
  }
  .award-sub-group {
    width: 100%;
  }
  .award-sub-group.range-right, .award-sub-group.range-left {
    padding: 0;
    border: none;
  }
  .award-sub-group.range-right ul li.range-right {
    order: 1;
  }
  ul.award-detail {
    justify-content: flex-start;
    border-bottom: 1px solid #eabe30;
  }
  ul.award-detail li {
    width: auto;
  }
  img.award.large-award {
    max-width: 180px;
  }
}

@media screen and (max-width: 650px) {
  .annie-row ul.award-detail {
    margin: 0;
    padding: 40px;
  }
  .annie-row ul li {
    margin: 0;
    text-align: center;
    margin-bottom: 20px;
  }
  .annie-row ul li.range-right {
    order: 2;
    width: 100%;
  }
  .annie-row ul li.annie-logo {
    order: 1;
    width: 100%;
  }
  .annie-row ul li.range-left {
    order: 3;
    width: 100%;
  }
  .annie-row ul li:last-child {
    margin-bottom: 0;
  }
  .annie-row ul li img.award.annie-award {
    max-width: 120px;
  }
  ul.award-detail {
    justify-content: center;
    padding: 40px;
    padding-bottom: 0;
  }
  ul.award-detail li {
    margin: 0;
    text-align: center;
    margin-bottom: 40px;
    width: 100%;
  }
  ul.award-detail li.range-right {
    text-align: center;
  }
  ul.award-detail li.range-left {
    text-align: center;
  }
  .last-row .award-sub-group:last-child ul.award-detail {
    border-bottom: none;
  }
  .dlc-details h2 {
    padding-bottom: 25px;
  }
}

sup.small {
  font-size: 0.55em;
}

.platform-wrapper {
  margin-bottom: 20px;
}

.platform_list_b ul {
  background: #003087;
  display: flex;
  border-radius: 8px;
}

.partner-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: 10px;
}

.partner-row-b {
  display: flex;
  flex-wrap: wrap;
}

.partner-row a {
  padding: 10px 20px;
  font-family: "ch-vogue", "Helvetica Neue", helvetica, arial, sans-serif;
  text-transform: uppercase;
  color: white;
  font-size: 1.8em;
  margin-bottom: 0;
  background: #2c2c2c;
  border-right: 1px solid #5a5a5a;
  transition: background 0.2s;
}

.partner-row a:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.partner-row a:first-child:hover {
  background: #107c10;
}

.partner-row a:nth-child(2):hover {
  background: #e23c2c;
}

.partner-row a:nth-child(3):hover {
  background: #003087;
}

.partner-row a:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.partner-row a:hover {
  background: #a7a7a7;
  transition: background 0.2s;
}

.partner-row-b a {
  padding: 10px 20px;
  font-family: "ch-vogue", "Helvetica Neue", helvetica, arial, sans-serif;
  text-transform: uppercase;
  color: white;
  font-size: 1.8em;
  margin-bottom: 0;
  background: #003087;
  transition: background 0.2s;
  border-radius: 8px;
}

.partner-row-b a:hover {
  background: white;
  transition: background 0.2s;
  color: #003087;
}

.list_title {
  padding-left: 20px;
  font-family: "ch-vogue", "Helvetica Neue", helvetica, arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.25em;
}

.nintendo-video {
  background: #b1e2be;
}

.nintendo-video .video-wrapper {
  margin-bottom: 2em;
  margin-top: 2em;
}

.nintendo-info {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #ece8e8;
}

.nintendo-info h3 {
  padding-bottom: 2em;
}

.nintendo-image-button-wrapper {
  margin-bottom: -2em;
}

@media screen and (max-width: 1000px) {
  .nintendo-image-button-wrapper {
    margin-bottom: 1em;
  }
}

@media screen and (max-width: 768px) {
  .nintendo-image-button-wrapper {
    justify-content: center;
    text-align: center;
  }
}

.jumping-ch {
  width: 106px;
}

.red {
  color: #003087;
}

.dlc-aqua {
  color: #b1e2be;
}

.dlc-purple{
  color: #3f3451;
}


.dlc-button {
  background: #3f3451;
}

a.dlc-button {
    color: #ece8e7;
}

.switch-announce-title {
  line-height: 1.2em;
  margin-bottom: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 450px) {
  .switch-announce-title {
    font-size: 2.6em;
  }
}

.cuphead-info-title {
  margin-bottom: 2em;
  margin-top: 1em;
}

.small-video {
  width: 47%;
  padding-top: 26.25%;
  margin-bottom: 1em;
}

@media screen and (max-width: 768px) {
  .small-video {
    width: 100%;
    position: relative;
    padding-top: 56.25%;
  }
  .small-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.pre-order-button {
  -webkit-animation: shake 1.22s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: shake 1.22s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  perspective: 1000px;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  margin-bottom: 0;
  margin-left: 10px;
  margin-top: 20px;
  min-width: 256px;
  background: #003087;
  color: white;
}

@-webkit-keyframes shake {
  10%, 90% {
    transform: translate3d(0, -4px, 0);
  }
  20%, 80% {
    transform: translate3d(0, 1px, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(0, -4px, 0);
  }
  40%, 60% {
    transform: translate3d(0, 1px, 0);
  }
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(0, -4px, 0);
  }
  20%, 80% {
    transform: translate3d(0, 1px, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(0, -4px, 0);
  }
  40%, 60% {
    transform: translate3d(0, 1px, 0);
  }
}

.pre-order-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
  position: relative;
  justify-content: left;
}

@media screen and (max-width: 768px) {
  .pre-order-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.header-wrapper {
  position: fixed;
  height: 390px;
  margin: 0 auto;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}

.nintendo-video {
  z-index: 50;
  position: relative;
  margin-top: -20px;
}

.nintendo-info {
  position: relative;
  z-index: 100;
}

.cuphead-info {
  position: relative;
  z-index: 150;
}

@media screen and (max-width: 1000px) {
  .header-wrapper {
    height: 360px;
  }
  .nintendo-video {
    margin-top: -20px;
  }
}

@media screen and (max-width: 768px) {
  .header-wrapper {
    position: relative;
    height: inherit;
  }
  .nintendo-video {
    margin-top: -20px;
  }
  .platform-wrapper {
    margin-bottom: 0;
  }
  .platform_list_a {
    text-align: center;
    margin-bottom: 20px;
  }
  .partner-row, .partner-row-b {
    justify-content: center;
  }
  .partner-row a, .partner-row-b a {
    border-radius: 8px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
  }
  .platform_list_b {
    text-align: center;
    margin-bottom: 0;
  }
  .list_title {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

.ch-mm-switch-wrapper img.ch-mm-switch {
  display: inherit;
}

@media screen and (max-width: 768px) {
  .ch-mm-switch-wrapper img.ch-mm-switch {
    display: none;
  }
}

.ch-mm-switch-wrapper img.ch-mm-switch-tab {
  display: none;
}

@media screen and (max-width: 768px) {
  .ch-mm-switch-wrapper img.ch-mm-switch-tab {
    display: inherit;
  }
}

@media screen and (max-width: 768px) {
  .flexrow.platform-wrapper {
    justify-content: center;
  }
}

@media screen and (max-width: 450px) {
  .flexrow.platform-wrapper {
    justify-content: center;
  }
}

@media screen and (max-width: 1000px) {
  .flexrow.platform-wrapper.riseUp a {
    font-size: 1.2em;
  }
}

.music-row {
  background: lightblue;
  text-align: center;
}

.music-row h3 {
  line-height: 1em;
}

.bold {
  font-family: "ch-vogue-bold";
}

.music-image-wrapper img {
  margin: 0 auto;
}

a.large-link {
  text-transform: lowercase;
  font-size: 1.2em;
  font-family: "ch-vogue-bold";
  letter-spacing: 0.02em;
  color: #2c2c2c;
}

a.large-link:hover {
  color: red;
}


.single-game {
  padding: 5%;
}

.single-game .button {
  margin: 0;
  font-family: "ch-vogue";
  border: none;
  font-size: 22px;
}


.game-logo {
  padding-bottom: 20px;
}

.game-image {
  padding-bottom: 20px;
}


.overlay{
  position: fixed;
  top:0;
  bottom:0;
  right: 0;
  left: 0;
  z-index: 999;
}

.overlay-wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 1240px;
    padding: 30px;
    position: relative;
    height: 100vh;
        display: flex;
    flex-direction: column;
    justify-content: center;
}

.overlay-logo{
  margin: 0 auto;
  margin-bottom: 80px;
  width: 440px;
}

.overlay-logo img{
  object-fit: contain;
}

.close-button {
    position: fixed;
    top: 20px;
    right: 30px;
    font-family: "ch-vogue-bold";
  src: url("fonts/CupheadVogue-ExtraBold.woff") format("woff");
  font-weight: bold;
  z-index: 9999;
}

#ddwtd-overlay {
  visibility: hidden;
  background: rgba(255, 209, 24, 0.98);
}

#dlc-overlay {
  visibility: hidden;
  background: rgba(160, 225, 192, 0.98);
}



.choose-wrapper{
  margin-bottom: 40px;
  padding-bottom: 20px;
  font-size: 16px;
  border-bottom: 1px solid #f5f5f5;
}

.logo-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.logo-list:last-child{
  margin-bottom: 0;
}

.single-logo {
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}

.single-logo:last-child {
  margin-right: 0
}

.single-logo a {
    padding-left: 20px;
    padding-right: 20px;
}

.single-logo img {
  height: 60px;
  object-fit: contain;
}



@media only screen and (min-width: 600px) and (max-width: 1000px) {

  .overlay-logo{
  margin-bottom: 20px;
  padding-right: 40px;
   padding-left: 40px;
  }

  .overlay-logo img{
/*    width: 60%;
    max-width: 340px;*/
  }

  .choose-wrapper{
    font-size: 14px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .logo-list {
    padding-right: 40px;
    padding-left: 40px;
    margin-bottom: 0;
  }

  .single-logo {
    margin-bottom: 35px;
    width: 100%;
  }

  .single-logo img {
  max-width: 250px;
  object-fit: contain;
  }

  .single-logo.steam-logo img{
  max-width: 200px;
  }

  .single-logo.gog-logo img{
  max-width: 100px;
    
  }



}





@media only screen and (min-width: 0) and (max-width: 599px) {

  .overlay-logo{
    margin-bottom: 20px;
  padding-right: 40px;
   padding-left: 40px;
   max-width: 440px;
   width: auto;
  }

  .overlay-logo img{
/*    width: 60%;
    max-width: 440px;*/
  }

  .choose-wrapper{
    font-size: 12px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .logo-list {
    padding-right: 40px;
    padding-left: 40px;
    margin-bottom: 0;
  }

  .single-logo {
    margin-bottom: 15px;
    width: 100%;
  }

  .single-logo img {
  max-width: 200px;
  object-fit: contain;
  }

  .single-logo.steam-logo img{
  max-width: 150px;
  }

  .single-logo.gog-logo img{
  max-width: 60px;
    
  }

}

.logo-row-small{
  justify-content: space-evenly;
  padding-top: 10px;
}


.logo-row-small-logo{
    max-height: 30px;
    object-fit: contain;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
}

.logo-garden-header h4 {
padding-bottom: 40px;

}

.smdhr_hr{
  border-top: 1px solid #433650;
    border-bottom: none;
    margin-bottom: 40px;
}