.navigation {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 2;
  display: inline-block;
  margin-top: 0%;
  padding: 0px 0px 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #fff;
  box-shadow: 0 0 16px 2px #000;
  color: transparent;
}

.navigation.desktop {
  padding-top: 0px;
}

.navigation.desktop.landingpage {
  position: -webkit-sticky;
  position: sticky;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff;
}

.navigation.desktop.landingpage.roaring {
  background-color: #1a2227;
}

.navigation.desktop.landingpage.roaring {
  background-color: #1a2227;
}

.navigation.desktop.landingpage.nye {
  background-color: #8e4b71;
}

.navigation.desktop.landingpage.office {
  background-color: #f0f4ff;
}

.text-block-3 {
  font-family: Roboto, sans-serif;
  font-size: 0.7vw;
  line-height: 0.7vw;
}

.navigation-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 0px;
  font-size: 14vw;
  line-height: 20vw;
}

.button {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 12px 25px;
  border-radius: 9px;
  background-color: #1db4bd;
  box-shadow: 0 3px 9px -3px #000;
  -webkit-transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
  transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.button:hover {
  background-color: #fff;
  color: #33353b;
}

.button:active {
  background-color: #43464d;
}

.button.buy-tickets {
  position: static;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  clear: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  font-size: 1vw;
  line-height: 1vw;
  text-align: left;
}

.button.buy-tickets:hover {
  background-color: #000;
  color: #fff;
}

.button.party-pricing {
  position: relative;
  z-index: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 11px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #d84a1d;
  font-size: 0.7vw;
  line-height: 0.7vw;
}

.button.party-pricing:hover {
  background-color: #000;
  color: #fff;
}

.button.planparty {
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 3px;
  background-color: #d84a1d;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.button.planparty:hover {
  border: 2px none #fff;
  background-color: #fff;
  font-family: Roboto, sans-serif;
  color: #33353b;
}

.button.planparty.corporateouting {
  border-radius: 3px;
  background-color: #fff;
  color: #453245;
  font-size: 15px;
}

.button.planparty.corporateouting:hover {
  background-color: #453245;
  color: #fff;
}

.button.planparty.whychooseus {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #453245;
  box-shadow: 0 10px 12px -5px rgba(0, 0, 0, 0.76);
}

.button.planparty.whychooseus:hover {
  box-shadow: none;
  color: #fff;
}

.button.christmaspartypricing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2vw;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #b71717;
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.8);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
}

.button.christmaspartypricing:hover {
  background-color: #fff;
  box-shadow: none;
  color: #b71717;
}

.button.christmaspartypricing.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.mmparty {
  margin-top: 5vw;
  margin-bottom: 5vw;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #34a65f;
  box-shadow: 0 7px 20px -5px #000;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.button.mmparty:hover {
  box-shadow: none;
  color: #fff;
}

.button.mmplanmyparty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #d84a1d;
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.8);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
  font-size: 12vw;
}

.button.mmplanmyparty:hover {
  background-color: #d84a1d;
  box-shadow: none;
  color: #fff;
}

.button.mmplanmyparty.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.mmplanmyparty {
  background-color: #34a65f;
  box-shadow: 0 7px 20px -5px #000;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.button.mmplanmyparty:hover {
  box-shadow: none;
  color: #fff;
}

.button.mmparty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  padding: 30px 38px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #d84a1d;
  box-shadow: 0 14px 20px -3px rgba(0, 0, 0, 0.8);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
}

.button.mmparty:hover {
  background-color: #d84a1d;
  box-shadow: none;
  color: #fff;
}

.button.mmparty.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.mmpartycolumn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 4vw 10vw 0vw;
  padding: 1vw 3vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #d84a1d;
  box-shadow: 0 14px 20px -3px rgba(0, 0, 0, 0.8);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
}

.button.mmpartycolumn:hover {
  background-color: #d84a1d;
  box-shadow: none;
  color: #fff;
}

.button.mmpartycolumn.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.christmas {
  margin-top: 5vw;
  margin-bottom: 5vw;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #34a65f;
  box-shadow: 0 7px 20px -5px #000;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.button.christmas:hover {
  box-shadow: none;
  color: #fff;
}

.button.christmaspartypricingtop {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0vw;
  margin-right: 0vw;
  margin-left: 0vw;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #34a65f;
  box-shadow: 0 0 18px 8px rgba(145, 255, 0, 0.75);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
}

.button.christmaspartypricingtop:hover {
  background-color: #fff;
  box-shadow: none;
  color: #b71717;
}

.button.christmaspartypricingtop.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.christmaspartypricingb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #b71717;
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.8);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
}

.button.christmaspartypricingb:hover {
  background-color: #fff;
  box-shadow: none;
  color: #b71717;
}

.button.christmaspartypricingb.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.mmpartyb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  padding: 30px 38px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #d84a1d;
  box-shadow: 0 14px 20px -3px rgba(0, 0, 0, 0.8);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
}

.button.mmpartyb:hover {
  background-color: #d84a1d;
  box-shadow: none;
  color: #fff;
}

.button.mmpartyb.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.mmpartyb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  padding: 30px 38px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #a239ca;
  box-shadow: 0 14px 11px -1px rgba(0, 0, 0, 0.94);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
  color: #fff;
}

.button.mmpartyb:hover {
  background-color: #0e0b16;
  box-shadow: none;
  color: #fff;
}

.button.mmpartyb.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.mmpartycolumnb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 4vw 10vw 0vw;
  padding: 1vw 3vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e7dfdd;
  box-shadow: 0 14px 20px -3px rgba(0, 0, 0, 0.8);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
}

.button.mmpartycolumnb:hover {
  background-color: #e7dfdd;
  box-shadow: none;
  color: #fff;
}

.button.mmpartycolumnb.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.mmpartycolumnb.mobile.roaring {
  margin-right: 13vw;
  margin-left: 13vw;
  box-shadow: 0 0 20px -8px silver;
  color: #dfbd69;
}

.button.mmpartycolumnb.mobile.roaring:hover {
  background-color: #dfbd69;
  box-shadow: 0 0 20px 3px silver;
  color: #1a2227;
}

.button.christmaspartypricingtopc {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -8vw;
  margin-right: 30vw;
  margin-left: 30vw;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #b71717;
  box-shadow: 0 0 18px 8px rgba(145, 174, 182, 0.75);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
}

.button.christmaspartypricingtopc:hover {
  background-color: #fff;
  box-shadow: none;
  color: #b71717;
}

.button.christmaspartypricingtopc.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.mmpartyb {
  margin-top: 5vw;
  margin-bottom: 5vw;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #4717f6;
  box-shadow: 0 7px 20px -5px #000;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.button.mmpartyb:hover {
  box-shadow: none;
  color: #fff;
}

.button.mmpartyb._1color:hover {
  background-color: #4717f6;
}

.button.mmpartyb._1color.mobile {
  background-color: #a239ca;
}

.button.mmpartyb._1color.mobile.roaring {
  background-color: silver;
  box-shadow: 0 2px 20px -2px #dfbd69;
  color: #1a2227;
}

.button.mmpartyb._1color.mobile.roaring:hover {
  background-color: #1a2227;
  box-shadow: none;
  color: silver;
}

.button.mmpartybtop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  padding: 30px 38px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e7dfdd;
  box-shadow: 0 14px 11px -1px rgba(0, 0, 0, 0.94);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
  color: #e7dfdd;
}

.button.mmpartybtop:hover {
  background-color: #0e0b16;
  box-shadow: none;
  color: #fff;
}

.button.mmpartybtop.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.roaring {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  padding: 30px 38px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1a2227;
  box-shadow: 0 13px 17px -4px #000;
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
}

.button.roaring:hover {
  background-color: #1a2227;
  box-shadow: none;
  color: #fff;
}

.button.roaring.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.roaring {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  padding: 30px 38px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #d84a1d;
  box-shadow: 0 14px 20px -3px rgba(0, 0, 0, 0.8);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
}

.button.roaring:hover {
  background-color: #d84a1d;
  box-shadow: none;
  color: #fff;
}

.button.roaring.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.gatsbybutton {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 4vw 10vw 0vw;
  padding: 1vw 3vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e7dfdd;
  box-shadow: 0 14px 20px -3px rgba(0, 0, 0, 0.8);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
}

.button.gatsbybutton:hover {
  background-color: #e7dfdd;
  box-shadow: none;
  color: #fff;
}

.button.gatsbybutton.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.gatsbybutton.mobile.roaring {
  margin-right: 13vw;
  margin-left: 13vw;
  background-color: #1a2227;
  box-shadow: 0 0 20px -8px silver;
  color: silver;
}

.button.gatsbybutton.mobile.roaring:hover {
  background-color: #dfbd69;
  box-shadow: 0 0 20px 3px silver;
  color: #1a2227;
}

.button.roaring-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  padding: 30px 38px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1a2227;
  box-shadow: 0 13px 17px -4px #000;
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
}

.button.roaring-copy:hover {
  background-color: #1a2227;
  box-shadow: none;
  color: #fff;
}

.button.roaring-copy.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.roaringvideotopbutton {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -8vw;
  margin-right: 30vw;
  margin-left: 30vw;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  background-image: linear-gradient(315deg, #dfbd69, #926f34);
  box-shadow: 0 0 18px 8px rgba(145, 174, 182, 0.75);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
}

.button.roaringvideotopbutton:hover {
  background-color: #1a2227;
  background-image: none;
  box-shadow: none;
  color: silver;
}

.button.roaringvideotopbutton.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.nye {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  padding: 30px 38px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e7c8b7;
  box-shadow: 0 14px 20px -3px rgba(0, 0, 0, 0.8);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #8e4b71;
}

.button.nye:hover {
  background-color: #502d55;
  box-shadow: none;
  color: #e6e0da;
}

.button.nye.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.mmpb {
  background-color: #a239ca;
  box-shadow: 0 0 12px -1px silver;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #e7dfdd;
  font-size: 2vw;
  line-height: 3vw;
}

.button.mmpb:hover {
  box-shadow: none;
}

.button.nye {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 4vw 10vw 0vw;
  padding: 1vw 3vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e7dfdd;
  box-shadow: 0 14px 20px -3px rgba(0, 0, 0, 0.8);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
}

.button.nye:hover {
  background-color: #e7dfdd;
  box-shadow: none;
  color: #fff;
}

.button.nye.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.nye.mobile.roaring {
  margin-right: 13vw;
  margin-left: 13vw;
  box-shadow: 0 0 20px -8px silver;
  color: #dfbd69;
}

.button.nye.mobile.roaring:hover {
  background-color: #dfbd69;
  box-shadow: 0 0 20px 3px silver;
  color: #1a2227;
}

.button.nye.mobilenye {
  margin-right: 10vw;
  margin-left: 10vw;
  background-color: #8e4b71;
  color: #e6e0da;
  font-size: 2vw;
  line-height: 3vw;
}

.button.nye.mobilenye.roaring {
  margin-right: 13vw;
  margin-left: 13vw;
  box-shadow: 0 0 20px -8px silver;
  color: #dfbd69;
}

.button.nye.mobilenye.roaring:hover {
  background-color: #dfbd69;
  box-shadow: 0 0 20px 3px silver;
  color: #1a2227;
}

.button.nye {
  margin-top: 5vw;
  margin-bottom: 5vw;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #4717f6;
  box-shadow: 0 7px 20px -5px #000;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.button.nye:hover {
  box-shadow: none;
  color: #fff;
}

.button.nye._1color:hover {
  background-color: #4717f6;
}

.button.nye._1color.mobile {
  background-color: #a239ca;
}

.button.nye._1color.mobile.roaring {
  background-color: silver;
  box-shadow: 0 2px 20px -2px #dfbd69;
  color: #1a2227;
}

.button.nye._1color.mobile.roaring:hover {
  background-color: #1a2227;
  box-shadow: none;
  color: silver;
}

.button.nye._1color-copy:hover {
  background-color: #4717f6;
}

.button.nye._1color-copy.mobile {
  background-color: #a239ca;
}

.button.nye._1color-copy.mobile.roaring {
  background-color: silver;
  box-shadow: 0 2px 20px -2px #dfbd69;
  color: #1a2227;
}

.button.nye._1color-copy.mobile.roaring:hover {
  background-color: #1a2227;
  box-shadow: none;
  color: silver;
}

.button.nye {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2vw;
  margin-right: 0px;
  margin-left: 0px;
  padding: 30px 38px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e7c8b7;
  box-shadow: 0 14px 20px -3px rgba(0, 0, 0, 0.8);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #8e4b71;
}

.button.nye:hover {
  background-color: #502d55;
  box-shadow: none;
  color: #e6e0da;
}

.button.nye.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.nye-copy {
  margin-top: 5vw;
  margin-bottom: 5vw;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #4717f6;
  box-shadow: 0 7px 20px -5px #000;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.button.nye-copy:hover {
  box-shadow: none;
  color: #fff;
}

.button.nye-copy._1color:hover {
  background-color: #4717f6;
}

.button.nye-copy._1color.mobile {
  background-color: #a239ca;
}

.button.nye-copy._1color.mobile.roaring {
  background-color: silver;
  box-shadow: 0 2px 20px -2px #dfbd69;
  color: #1a2227;
}

.button.nye-copy._1color.mobile.roaring:hover {
  background-color: #1a2227;
  box-shadow: none;
  color: silver;
}

.button.nye-copy._1color-copy:hover {
  background-color: #4717f6;
}

.button.nye-copy._1color-copy.mobile {
  background-color: #a239ca;
}

.button.nye-copy._1color-copy.mobile.roaring {
  background-color: silver;
  box-shadow: 0 2px 20px -2px #dfbd69;
  color: #1a2227;
}

.button.nye-copy._1color-copy.mobile.roaring:hover {
  background-color: #1a2227;
  box-shadow: none;
  color: silver;
}

.button.nye-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 4vw 10vw 0vw;
  padding: 1vw 3vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e7dfdd;
  box-shadow: 0 14px 20px -3px rgba(0, 0, 0, 0.8);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
}

.button.nye-copy:hover {
  background-color: #e7dfdd;
  box-shadow: none;
  color: #fff;
}

.button.nye-copy.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.nye-copy.mobile.roaring {
  margin-right: 13vw;
  margin-left: 13vw;
  box-shadow: 0 0 20px -8px silver;
  color: #dfbd69;
}

.button.nye-copy.mobile.roaring:hover {
  background-color: #dfbd69;
  box-shadow: 0 0 20px 3px silver;
  color: #1a2227;
}

.button.nye-copy.mobilenye {
  margin-right: 10vw;
  margin-left: 10vw;
  background-color: #8e4b71;
  color: #e6e0da;
  font-size: 2vw;
  line-height: 3vw;
}

.button.nye-copy.mobilenye.roaring {
  margin-right: 13vw;
  margin-left: 13vw;
  box-shadow: 0 0 20px -8px silver;
  color: #dfbd69;
}

.button.nye-copy.mobilenye.roaring:hover {
  background-color: #dfbd69;
  box-shadow: 0 0 20px 3px silver;
  color: #1a2227;
}

.button.mmpartyb-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  padding: 30px 38px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #d84a1d;
  box-shadow: 0 14px 20px -3px rgba(0, 0, 0, 0.8);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
}

.button.mmpartyb-copy:hover {
  background-color: #d84a1d;
  box-shadow: none;
  color: #fff;
}

.button.mmpartyb-copy.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.nye2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 3vw 0px 5vw;
  padding: 30px 38px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e7c8b7;
  box-shadow: 0 14px 20px -3px rgba(0, 0, 0, 0.8);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #8e4b71;
  font-size: 2vw;
  line-height: 2vw;
}

.button.nye2:hover {
  background-color: #502d55;
  box-shadow: none;
  color: #e6e0da;
}

.button.nye2.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.topvidmmpbutton {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: -8vw 30vw -2vw;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #d84a1d;
  box-shadow: 0 0 18px 8px rgba(29, 180, 189, 0.75);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
}

.button.topvidmmpbutton:hover {
  background-color: #1db4bd;
  box-shadow: none;
  color: #fff;
}

.button.topvidmmpbutton.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.roaringmobilebuttontop {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -8vw;
  margin-right: 30vw;
  margin-left: 30vw;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  background-image: linear-gradient(315deg, #dfbd69, #926f34);
  box-shadow: 0 0 18px 8px rgba(145, 174, 182, 0.75);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
}

.button.roaringmobilebuttontop:hover {
  background-color: #1a2227;
  background-image: none;
  box-shadow: none;
  color: silver;
}

.button.roaringmobilebuttontop.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.office {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 2vw 0px 5vw;
  padding: 10px 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #eef3db;
  box-shadow: 0 0 14px 5px #87d8d6;
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
  font-family: Oswald, sans-serif;
  color: #4d6466;
  font-size: 3vw;
  line-height: 5vw;
}

.button.office:hover {
  background-color: #87d8d6;
  box-shadow: none;
  color: #4d6466;
}

.button.office.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.office.office2 {
  margin-left: 3vw;
  padding-right: 3vw;
  padding-left: 3vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #291d89;
  box-shadow: 0 1px 20px 5px #87d8d6;
  color: #f0f4ff;
}

.button.office.office2:hover {
  background-color: #f0f4ff;
  color: #291d89;
}

.button.office {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 4vw 5vw 0vw;
  padding: 1vw 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fe615a;
  box-shadow: 0 14px 20px -3px rgba(0, 0, 0, 0.8);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
  color: #eef3db;
  font-size: 2vw;
  line-height: 4vw;
}

.button.office:hover {
  background-color: #eef3db;
  box-shadow: none;
  color: #fe615a;
}

.button.office.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.officetop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 2vw 0px 5vw;
  padding: 10px 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #eef3db;
  box-shadow: 0 0 14px 5px #87d8d6;
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
  font-family: Oswald, sans-serif;
  color: #4e67e8;
  font-size: 3vw;
  line-height: 5vw;
}

.button.officetop:hover {
  background-color: #4e67e8;
  box-shadow: none;
  color: #f0f4ff;
}

.button.officetop.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.officetop.infosection {
  margin-top: 4vw;
  background-color: #f0f4ff;
  font-family: Oswald, sans-serif;
  color: #291d89;
  line-height: 4vw;
}

.button.officetop.retry {
  display: none;
  margin-top: -8vw;
  margin-bottom: 5vw;
  background-color: #f0f4ff;
  box-shadow: 0 0 14px 5px #f0f4ff;
  color: #291d89;
}

.button.officetop.retry:hover {
  background-color: #291d89;
  color: #f0f4ff;
}

.button.damnit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 4vw 5vw 0vw;
  padding: 1vw 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #4e67e8;
  box-shadow: 0 0 20px -3px #291d89;
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
  font-family: Oswald, sans-serif;
  color: #f0f4ff;
  font-size: 2vw;
  line-height: 4vw;
}

.button.damnit:hover {
  background-color: #4e67e8;
  box-shadow: none;
  color: #f0f4ff;
}

.button.damnit.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-block {
  display: inline-block;
}

.link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2vw;
  padding-right: 3vw;
  padding-left: 3vw;
  clear: none;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 1vw;
  font-weight: 600;
  text-decoration: none;
}

.link:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  color: #fff;
}

.navigation-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 15px;
  padding-right: 60px;
  padding-left: 60px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.navigation-wrap.landingpage {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.logo-image {
  display: block;
  width: 9vw;
  padding-left: 0px;
  -webkit-transition: all 450ms ease;
  transition: all 450ms ease;
}

.logo-image:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.logo-image.roaring {
  width: 10vw;
}

.logo-image.nye {
  width: 10vw;
  margin-top: -2vw;
  margin-bottom: -2vw;
}

.navigation-item {
  display: block;
  padding-top: 9px;
  padding-bottom: 9px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  opacity: 0.6;
  font-family: Roboto, sans-serif;
  font-size: 1vw;
  line-height: 1vw;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: none;
}

.navigation-item:hover {
  opacity: 0.9;
}

.navigation-item:active {
  opacity: 0.8;
}

.navigation-item.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-weight: 600;
}

.navigation-item.w--current:hover {
  opacity: 0.8;
  color: #32343a;
}

.navigation-item.w--current:active {
  opacity: 0.7;
  color: #32343a;
}

.div-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  padding-top: 10px;
  padding-right: 25%;
  padding-bottom: 20px;
  clear: none;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.div-block.desktop {
  padding-top: 0px;
  padding-bottom: 0px;
}

.mobilenavctas {
  display: none;
}

.logo-link {
  z-index: 1;
}

.logo-link:hover {
  opacity: 1;
}

.logo-link:active {
  opacity: 0.7;
}

.logo-link.w--current {
  padding-left: 50px;
}

.menu {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 15px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8vw;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.intro-header {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46vw;
  margin-top: 7vw;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(35%, #33353b), color-stop(76%, rgba(69, 50, 69, 0))), url('https://www.murdermysteryco.com/img/lp/office-christmas-parties-banner.jpg');
  background-image: linear-gradient(90deg, #33353b 35%, rgba(69, 50, 69, 0) 76%), url('https://www.murdermysteryco.com/img/lp/office-christmas-parties-banner.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  color: #33353b;
}

.intro-header.companyouting {
  position: relative;
  display: block;
  height: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-image: -webkit-gradient(linear, left top, right top, from(#453245), to(rgba(69, 50, 69, 0))), url('https://www.murdermysteryco.com/img/lp/corporate-team-building-1.jpg');
  background-image: linear-gradient(90deg, #453245, rgba(69, 50, 69, 0)), url('https://www.murdermysteryco.com/img/lp/corporate-team-building-1.jpg');
  background-position: 0px 0px, 100% 0%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.intro-header.companyouting.christmas {
  bottom: auto;
  height: 54vw;
  margin-top: 0vw;
  margin-bottom: 0vw;
  padding-top: 2vw;
  padding-bottom: 0vw;
  background-image: url('https://www.murdermysteryco.com/img/lp/murder-mystery-suspect-with-gun-and-detective-on-christmas-style-background-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.intro-header.teambuilding {
  height: 40vw;
  margin-top: 8vw;
  background-image: -webkit-gradient(linear, left top, right top, from(#453245), to(rgba(69, 50, 69, 0))), url('https://www.murdermysteryco.com/img/lp/Teambuilding-top-section-bg-corporate-office-desk-with-suspect-evidence.jpg');
  background-image: linear-gradient(90deg, #453245, rgba(69, 50, 69, 0)), url('https://www.murdermysteryco.com/img/lp/Teambuilding-top-section-bg-corporate-office-desk-with-suspect-evidence.jpg');
}

.intro-header.christmas {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46vw;
  margin-top: -1vw;
  padding-top: 0vw;
  padding-bottom: 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}


.intro-header.mysteryparty {
  height: 46vw;
  margin-top: 0vw;
  padding-top: 5vw;
  padding-bottom: 0vw;
  background-image: url('https://www.murdermysteryco.com/img/lp/murder-5382-widee.png');
  background-position: 0px 0px;
  background-size: cover;
}

.intro-header.mysterypartyb {
  height: 40vw;
  margin-top: 0vw;
  padding-top: 5vw;
  padding-bottom: 0vw;
  background-image: linear-gradient(45deg, #0e0b16 43%, hsla(0, 0%, 74.9%, 0) 83%, hsla(0, 0%, 100%, 0)), url('https://www.murdermysteryco.com/img/lp/grand-hotel-murder-mystery-suspect-posed-top-section-bg-gradientbottom.jpg');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, 100vw;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
  font-weight: 400;
}

.intro-header.christmasb {
  height: 46vw;
  margin-top: 0vw;
  padding-top: 3vw;
  padding-bottom: 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-image: radial-gradient(circle farthest-corner at 0% 50%, rgba(69, 50, 69, 0) 45%, rgba(132, 35, 44, 0.84) 56%, #b71717 91%), url('https://www.murdermysteryco.com/img/lp/Audra_OCP_Top_Stylized.jpg');
  background-repeat: repeat, no-repeat;
}

.intro-header.christmasc {
  height: 46vw;
  margin-top: 0vw;
  padding-top: 3vw;
  padding-bottom: 0vw;
  background-image: none;
}

.intro-header.roaring {
  height: 40vw;
  margin-top: 0vw;
  padding-top: 5vw;
  padding-bottom: 0vw;
  background-image: linear-gradient(45deg, #926f34 15%, rgba(223, 189, 105, 0.91) 45%, rgba(146, 111, 52, 0.16) 63%, hsla(0, 0%, 100%, 0) 74%), url('https://www.murdermysteryco.com/img/lp/gatsby_car_section_bg.jpg');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, scroll;
}

.intro-header.nye {
  height: 40vw;
  margin-top: 0vw;
  padding-top: 5vw;
  padding-bottom: 0vw;
  background-image: linear-gradient(45deg, #502d55 43%, hsla(0, 0%, 74.9%, 0) 83%, hsla(0, 0%, 100%, 0)), url('https://www.murdermysteryco.com/img/lp/TopSectionBGFinal_NYE.jpg');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, 100vw;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, scroll;
  font-weight: 400;
}

.intro-header.mmpartyb {
  height: 37vw;
  margin-top: 0vw;
  padding-top: 5vw;
  padding-bottom: 0vw;
  background-image: linear-gradient(45deg, #0e0b16 41%, hsla(0, 0%, 100%, 0)), url('https://www.murdermysteryco.com/img/lp/grand-hotel-murder-mystery-suspect-posed-top-section-bg-gradientbottom.jpg');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.intro-header.office {
  display: none;
  height: 46vw;
  margin-top: 0vw;
  padding-top: 0vw;
  padding-bottom: 0vw;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(8%, #4e67e8), color-stop(100%, transparent), to(transparent)), url('https://www.murdermysteryco.com/img/lp/OfficePartyTop.jpg');
  background-image: linear-gradient(180deg, #4e67e8 8%, transparent 100%, transparent), url('https://www.murdermysteryco.com/img/lp/OfficePartyTop.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.intro-header.officedesktop {
  height: 37vw;
  margin-top: 0vw;
  padding-top: 5vw;
  padding-bottom: 0vw;
  background-image: linear-gradient(45deg, #291d89 43%, hsla(0, 0%, 100%, 0) 65%), url('https://www.murdermysteryco.com/img/lp/generalOfficeTopDesktopfinal.jpg');
  background-position: 0px 0px, 100% 0%;
  background-size: auto, contain;
  background-attachment: scroll, fixed;
}

.heading-6 {
  display: block;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.intro-heading-white {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: block;
  margin-top: 17px;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 2.7vw;
  line-height: 2.7vw;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 1px 5px #000;
}

.intro-heading-white.christmas {
  padding-top: 2vw;
  padding-bottom: 2vw;
  color: #b71717;
  font-size: 40px;
  line-height: 35px;
  text-shadow: none;
}

.intro-heading-white.christmas2 {
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
  text-align: left;
}

.intro-heading-white.smokey {
  font-size: 2.5vw;
  line-height: 2.5vw;
  text-shadow: 0 4px 9px #000;
}

.intro-heading-white.smokey.roaring {
  color: #1a2227;
  text-shadow: 0 0 7px silver;
}

.intro-heading-white.smokey.roaring.desktop {
  text-shadow: none;
}

.intro-heading-white.smokey.nye {
  font-family: Oswald, sans-serif;
  color: #e7dfdd;
  font-size: 3vw;
  line-height: 3vw;
}

.intro-heading-white.smokey.mmpb {
  font-family: Roboto, sans-serif;
  color: #e7dfdd;
}

.intro-heading-white.smokey.office {
  margin-top: 1vw;
  font-family: Oswald, sans-serif;
  color: #fff;
  font-size: 2.8vw;
  line-height: 3vw;
  text-shadow: 0 4px 5px rgba(0, 0, 0, 0.61);
}

.intro-heading-white.mmparty {
  padding-top: 2vw;
  padding-bottom: 2vw;
  color: #b71717;
  font-size: 40px;
  line-height: 35px;
  text-shadow: none;
}

.intro-heading-white.christmasa {
  margin-top: 0px;
}

.intro-heading-white.christmasb {
  font-size: 2.5vw;
  line-height: 2.5vw;
}

.intro-heading-white.christmasb.roaring {
  color: #1a2227;
  text-shadow: 0 1px 5px silver;
}

.text-span {
  font-weight: 100;
}

.columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 50px;
  padding-left: 50px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.columns.christmasb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.columns.christmass {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.columns.office {
  padding-right: 5vw;
  padding-left: 0px;
}

.paragraph {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1vw;
  margin-bottom: 2vw;
  padding-right: 5vw;
  padding-left: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 1.5vw;
  line-height: 2vw;
  font-weight: 100;
  text-align: center;
  text-shadow: -2px 2px 8px #000;
}

.paragraph.christmas {
  margin-bottom: 0px;
  padding-right: 14vw;
  padding-bottom: 0px;
  padding-left: 0vw;
  font-size: 1.5vw;
  line-height: 1.8vw;

  text-align: left;
}

.paragraph.shortquip {
  margin-top: 2vw;
  margin-bottom: 2vw;
  padding: 1vw 2vw;
  border-radius: 2vw;
  background-color: #0e0b16;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  text-shadow: none;
}

.paragraph.shortquip:hover {
  box-shadow: 0 14px 12px -2px rgba(0, 0, 0, 0.65);
}

.paragraph.shortquip.mmpa {
  background-color: #453245;
}

.paragraph.shortquip.roaring {
  background-color: #dfbd69;
  box-shadow: 0 10px 13px -1px #000;
  font-weight: 300;
}

.paragraph.shortquip.roaring:hover {
  box-shadow: none;
}

.paragraph.shortquip.roaring.gradient {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dfbd69), to(#926f34));
  background-image: linear-gradient(180deg, #dfbd69, #926f34);
}

.paragraph.shortquip.nye {
  background-color: #502d55;
}

.paragraph.shortquip.office {
  padding-right: 2vw;
  padding-left: 2vw;
  background-color: #f0f4ff;
  box-shadow: 0 6px 15px -5px #000;
  font-family: Lato, sans-serif;
  color: #4d6466;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  text-shadow: none;
}

.paragraph.shortquip.office:hover {
  box-shadow: none;
}

.paragraph.christmasb {
  line-height: 5vw;
}

.paragraph.christmasb.roaring {
  font-family: 'Great Vibes', cursive;
  font-size: 2vw;
}

.paragraph.christmasb.roaringb {
  margin-top: 2vw;
  font-family: Roboto, sans-serif;
  font-size: 1.5vw;
  line-height: 1.5vw;
}

.paragraph.roaring {
  color: #1a2227;
  font-weight: 300;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.57);
}

.paragraph.nye {
  margin-top: 3vw;
  font-family: Oswald, sans-serif;
  color: #e7dfdd;
  font-weight: 200;
}

.paragraph.nye.spaced {
  margin-top: 3vw;
  margin-bottom: 3vw;
  font-family: 'PT Sans', sans-serif;
  font-size: 2vw;
  font-weight: 700;
}

.paragraph.mmpb {
  margin-top: 3vw;
  font-family: 'PT Sans', sans-serif;
  color: #e7dfdd;
}

.paragraph.mmpb.spaced {
  margin-top: 5vw;
  font-family: Exo, sans-serif;
  font-size: 2vw;
  font-weight: 700;
}

.paragraph.mmpb {
  margin-top: 3vw;
  font-family: Exo, sans-serif;
  color: #e7dfdd;
}

.paragraph.mmpb.spaced {
  margin-top: 5vw;
  font-family: Exo, sans-serif;
  font-size: 2vw;
  font-weight: 700;
}

.paragraph.mmpb-copy {
  margin-top: 3vw;
  font-family: Exo, sans-serif;
  color: #e7dfdd;
}

.paragraph.mmpb-copy.spaced {
  margin-top: 5vw;
  font-family: Exo, sans-serif;
  font-size: 2vw;
  font-weight: 700;
}

.paragraph.mmpv {
  margin-top: 0vw;
  margin-bottom: 10vw;
  padding-left: 30vw;
}

.paragraph.office {
  display: none;
  margin-top: 2vw;
  padding-right: 0vw;
  padding-left: 0vw;
  font-family: Oswald, sans-serif;
  color: #4e67e8;
  font-size: 30px;
  line-height: 50px;
  font-weight: 400;
  text-shadow: none;
}

.paragraph.officewhite {
  margin-top: 2vw;
  padding-right: 0vw;
  padding-left: 0vw;
  font-family: Oswald, sans-serif;
  color: #f0f4ff;
  line-height: 2vw;
  font-weight: 200;
  text-shadow: none;
}

.paragraph.officewhite.larger {
  margin-top: 0vw;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.8vw;
  line-height: 2vw;
  font-weight: 400;
}

.text-block {
  font-family: Roboto, sans-serif;
  font-size: 2vw;
  line-height: 3vw;
  font-weight: 400;
}

.text-block:hover {
  color: #fff;
}

.column-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.column-4.companyouting {
  padding-top: 8vw;
  padding-bottom: 8vw;
}

.column-4.christmas2 {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.section-2 {
  margin-top: 0vw;
  margin-bottom: 5vw;
  padding-top: 3vw;
  background-image: url('https://www.murdermysteryco.com/img/lp/magnifyingGlass.png');
  background-position: 100% 0%;
  background-size: auto;
  background-repeat: no-repeat;
}

.section-2.christmas {
  margin-bottom: 0vw;
  padding-bottom: 5vw;
  background-image: url('https://www.murdermysteryco.com/img/lp/holiday-parties-snowflake-section-bg.png');
  background-repeat: repeat-y;
}

.section-2.mmparty {
  margin-bottom: 0vw;
  padding-bottom: 5vw;
  background-color: transparent;
  background-image: url('https://www.murdermysteryco.com/img/lp/detective-foot-prints.png');
  background-size: cover;
  background-repeat: repeat-y;
}

.section-2.roaring {
  display: none;
  margin-bottom: 0vw;
  padding-bottom: 5vw;
  background-color: #1a2227;
  background-image: url('https://www.murdermysteryco.com/img/lp/Art_Deco_Frame.png'), url('https://www.murdermysteryco.com/img/lp/detective-foot-prints.png');
  background-position: 50% 50%, 0px 0px;
  background-size: 110vw 36vw, cover;
  background-repeat: no-repeat, repeat;
}

.section-2.nye {
  margin-bottom: 0vw;
  padding-bottom: 5vw;
  background-color: #e6e0da;
  background-image: url('https://www.murdermysteryco.com/img/lp/Untitled-2.png');
  background-position: 0% 50%;
  background-size: 25vw;
  background-repeat: no-repeat;
}

.section-2.roaringtopmobile {
  margin-bottom: 0vw;
  padding-bottom: 5vw;
  background-color: #1a2227;
  background-image: url('https://www.murdermysteryco.com/img/lp/Art_Deco_Frame.png'), url('https://www.murdermysteryco.com/img/lp/detective-foot-prints.png');
  background-position: 50% 50%, 0px 0px;
  background-size: 110vw 36vw, cover;
  background-repeat: no-repeat, repeat;
}

.section-2.office {
  margin-bottom: 0vw;
  padding-bottom: 5vw;
  background-color: #f0f4ff;
  background-image: url('https://www.murdermysteryco.com/img/lp/detective-foot-prints.png');
  background-size: cover;
  background-repeat: repeat-y;
}

.form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1.75fr 1fr;
  grid-template-columns: 1.75fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  border-radius: 0px;
  color: #000;
}

.text-field {
  border-radius: 3px;
  box-shadow: inset 0 0 7px -2px #000;
  font-family: Roboto, sans-serif;
}

.text-field-2 {
  display: block;
  padding-top: 0px;
  padding-right: 12px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 4px 10px -3px #000;
  font-family: Roboto, sans-serif;
}

.text-field-2.longer {
  height: 63px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 12px;
  text-align: left;
}

.text-field-2.longer.hidden {
  display: none;
}

.text-field-2.roaring {
  background-color: silver;
  color: #33353b;
  text-transform: capitalize;
}

.form-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 5vw;
  padding-left: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1.75fr 1fr;
  grid-template-columns: 1.75fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.form-block.teambuilding {
  padding-right: 0vw;
  padding-left: 0vw;
}

.form-block.modalform {
  width: 30vw;
  margin-bottom: 0px;
  padding-right: 2vw;
  padding-left: 2vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.formbutton {
  margin-top: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 3px;
  background-color: #1db4bd;
  box-shadow: 0 6px 19px -7px rgba(0, 0, 0, 0.73);
  -webkit-transition: all 450ms ease;
  transition: all 450ms ease;
  font-family: Roboto, sans-serif;
  text-transform: uppercase;
}

.formbutton:hover {
  background-color: #1db4bd;
  box-shadow: none;
}

.formbutton.christmas {
  background-color: #b71717;
  box-shadow: 0 15px 12px -7px rgba(0, 0, 0, 0.84);
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}

.formbutton.christmas:hover {
  box-shadow: none;
}

.formbutton.mmparty {
  background-color: #1db4bd;
  box-shadow: 0 15px 12px -7px rgba(0, 0, 0, 0.84);
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  font-size: 1.5vw;
  line-height: 1.5vw;
}

.formbutton.mmparty:hover {
  box-shadow: none;
}

.formbutton.roaring {
  background-color: transparent;
  background-image: linear-gradient(315deg, #dbfd69, #926f34 68%);
  box-shadow: 0 2px 17px -5px silver;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  color: #1a2227;
  font-size: 1.5vw;
  line-height: 1.5vw;
}

.formbutton.roaring:hover {
  box-shadow: none;
}

.body {
  background-color: #eee;
}

.column-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.paragraph-2 {
  font-family: Roboto, sans-serif;
  color: #33353b;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
}

.text-span-2 {
  color: #1db4bd;
  font-size: 26px;
}

.columns-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3vw;
  margin-right: -10px;
  margin-left: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.columns-2.switched {
  margin-bottom: 2vw;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.column-6 {
  background-color: #1db4bd;
}

.column-6.switched {
  padding-right: 0px;
  background-color: #d84a1d;
}

.column-6.switched.christmas {
  background-color: #b71717;
}

.paragraph-3 {
  margin-bottom: 0px;
  padding: 20px;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
}

.paragraph-3.switched {
  font-family: Roboto, sans-serif;
  font-weight: 100;
  text-align: left;
}

.link1 {
  display: none;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-radius: 3px;
  background-color: #178b92;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  text-decoration: none;
}

.link1.teambuildingideas {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 30px;
  background-color: #fff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family: Roboto, sans-serif;
  color: rgba(51, 53, 59, 0.69);
  font-size: 13px;
  font-weight: 300;
  text-transform: uppercase;
}

.link1.teambuildingideas:hover {
  box-shadow: 0 8px 15px -9px #000;
}

.text-span-3 {
  font-weight: 100;
}

.image {
  position: relative;
  left: 10px;
  top: 0px;
  display: inline-block;
  margin-top: 30px;
}

.image.switched {
  margin-left: -10px;
  box-shadow: 4px 4px 13px -2px #000;
}

.section-3 {
  padding-bottom: 3vw;
  background-image: url('https://www.murdermysteryco.com/img/lp/companies-weve-worked-with.png');
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: repeat-x;
}

.h2 {
  font-family: Roboto, sans-serif;
  color: #33353b;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  text-align: center;
}

.paragraph-4 {
  margin-top: 0vw;
  font-family: Roboto, sans-serif;
  color: #33353b;
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
  text-align: center;
}

.icon_image {
  display: inline-block;
  margin-bottom: 2vw;
  -webkit-filter: contrast(0%);
  filter: contrast(0%);
  text-align: center;
}

.icon_image.teambuilding {
  -webkit-filter: none;
  filter: none;
}

.icon-info-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.columns-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  padding-top: 25px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.columns-3.space {
  margin-bottom: 2vw;
  padding-top: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.textblock1 {
  padding-right: 26px;
  padding-left: 26px;
  font-family: Roboto, sans-serif;
  color: #4d6466;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
}

.textblock1.companyouting {
  padding-top: 20px;
  color: #fff;
  font-size: 1.5vw;
  line-height: 1.5vw;
  font-weight: 700;
}

.textblock1.companyouting.whyschedule {
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  font-size: 25px;
  line-height: 30px;
}

.textblock1.office {
  font-family: Oswald, sans-serif;
  color: #4d6466;
  font-weight: 400;
}

.text-block-4 {
  padding-top: 15px;
  font-family: Roboto, sans-serif;
  color: #33353b;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
}

.link-2 {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #d84a1d;
  line-height: 20px;
}

.link-2.darker {
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 3px;
  background-color: #a73a18;
  color: #fff;
  text-decoration: none;
}

.link-2.darker.christmas {
  background-color: #34a65f;
}

.container {
  padding: 0px 30px;
}

.section-4 {
  margin-bottom: 5vw;
}

.heading-7 {
  font-family: Roboto, sans-serif;
  color: #33353b;
  font-size: 35px;
  line-height: 45px;
  font-weight: 300;
  text-align: center;
}

.button-2 {
  position: relative;
  display: inline-block;
  overflow: visible;
  margin-top: 3vw;
  margin-right: auto;
  margin-left: auto;
  padding-top: 9px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.button-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 761px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.button-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.columns-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-5 {
  margin-top: 15px;
  padding: 20px 45px;
  border-radius: 3px;
  background-color: #453245;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.button-5.formbutton {
  position: static;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2vw;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: 0 7px 20px -5px rgba(0, 0, 0, 0.9);
  opacity: 1;
  -webkit-transition-duration: 475ms;
  transition-duration: 475ms;
}

.button-5.formbutton:hover {
  background-color: #453245;
  box-shadow: none;
}

.button-5.formbutton.letsgetstarted {
  font-weight: 300;
}

.column-7 {
  padding-left: 0px;
}

.section-5 {
  margin-bottom: 0vw;
  background-image: url('https://www.murdermysteryco.com/img/lp/bg-body-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.section-5.christmas {
  height: 10vw;
  margin-top: -45px;
  background-image: url('https://www.murdermysteryco.com/img/lp/Corporate-clients.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: scroll;
}

.section-5.mmp {
  height: 10vw;
  margin-top: 0px;
  background-image: url('https://www.murdermysteryco.com/img/lp/Corporate-clients.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: scroll;
}

.section-5.roaring {
  height: 10vw;
  margin-top: 0px;
  background-image: url('https://www.murdermysteryco.com/img/lp/Corporate-clients.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: scroll;
}

.section-5.roaringb {
  height: 10vw;
  margin-top: -2vw;
  background-image: url('https://www.murdermysteryco.com/img/lp/Corporate-clients.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: scroll;
}

.heading-8 {
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 50px;
  line-height: 40px;
  font-weight: 100;
  text-align: center;
  text-transform: uppercase;
}

.text-span-4 {
  font-weight: 700;
}

.container-2 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.paragraph-5 {
  margin-top: 0px;
  margin-bottom: 20px;
  padding-top: 10px;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 25px;
  font-weight: 100;
  text-align: center;
}

.text-block-5 {
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 35px;
  line-height: 40px;
  font-weight: 100;
  text-align: center;
}

.section-6 {
  margin-bottom: 0vw;
  padding-top: 3vw;
}

.heading-9 {
  max-width: none;
  color: #33353b;
  font-size: 2.4em;
  line-height: 3vw;
  text-align: center;
}

.paragraph-6 {
  margin-top: 2vw;
  padding-right: 16vw;
  padding-left: 16vw;
  font-family: Roboto, sans-serif;
  color: #33353b;
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: 300;
  text-align: center;
}

.columns-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0vw;
  margin-right: 12vw;
  margin-left: 12vw;
  padding: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background-color: transparent;
}

.image-2 {
  display: block;
  width: 3vw;
  max-width: 100vw;
  float: left;
  clear: none;
}

.image-3 {
  position: static;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  width: 3vw;
  max-width: 100vw;
  margin-right: auto;
  margin-left: auto;
  float: right;
  font-size: 14px;
}

.column-8 {
  position: static;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0px;
  clear: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: transparent;
}

.column-9 {
  padding-left: 0px;
  background-color: transparent;
}

.div-block-3 {
  margin-right: 0.5vw;
  padding: 2vw;
  background-color: #fff;
}

.div-block-3.boxshadowinside {
  box-shadow: inset 1px 1px 8px 0 #000;
}

.div-block-4 {
  margin-left: 0.5vw;
  padding: 2vw;
  background-color: #fff;
  box-shadow: inset -1px 1px 7px 0 #000;
}

.paragraph-7 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-left: 1vw;
  float: none;
  clear: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  font-size: 1.2vw;
  line-height: 1.5vw;
  font-weight: 300;
  text-align: center;
}

.paragraph-7.combo {
  padding-right: 1vw;
  padding-left: 0vw;
}

.link-3 {
  background-color: transparent;
  color: #33353b;
  text-decoration: none;
}

.bold-text {
  font-weight: 300;
}

.div-block-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.section-7 {
  margin-bottom: 0vw;
}

.columns-6 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2vw;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.columns-6.whyschedule {
  margin-top: 0vw;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.image-4 {
  display: block;
  width: auto;
}

.paragraph-8 {
  padding-top: 10px;
  padding-right: 2vw;
  padding-left: 2vw;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  font-weight: 300;
}

.column-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-11 {
  display: none;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.column-12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-13 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-5 {
  width: 10vw;
}

.image-6 {
  width: 9vw;
}

.image-7 {
  width: 10vw;
}

.intro {
  margin-top: 5vw;
  margin-bottom: 3vw;
}

.intro.mmparty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0vw;
  margin-bottom: 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('https://www.murdermysteryco.com/img/lp/magnifyingGlass.png');
  background-position: 100% 0%;
  background-size: contain;
  background-repeat: no-repeat;
}

.intro.roaring {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0vw;
  margin-bottom: 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1a2227;
  background-image: url('https://www.murdermysteryco.com/img/lp/magnifyingGlass.png');
  background-position: 100% 0%;
  background-size: contain;
  background-repeat: no-repeat;
}

.intro.nye {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0vw;
  margin-bottom: 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e6e0da;
  background-image: url('https://www.murdermysteryco.com/img/lp/fireworks.png');
  background-position: 100% 0%;
  background-size: 31vw;
  background-repeat: no-repeat;
}

.intro.office {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0vw;
  margin-bottom: 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #4e67e8;
  background-image: url('https://www.murdermysteryco.com/img/lp/magnifyingGlass.png');
  background-position: 100% 0%;
  background-size: contain;
  background-repeat: no-repeat;
}

.text-block-6 {
  font-family: Roboto, sans-serif;
  color: #33353b;
  font-size: 35px;
  line-height: 40px;
  font-weight: 300;
  text-align: center;
  text-transform: none;
}

.image-8 {
  display: block;
  width: 35vw;
  max-width: 100%;
  margin-top: 0vw;
  margin-left: 0vw;
  padding-right: 0px;
  padding-left: 0vw;
  float: left;
  clear: none;
  box-shadow: -4px 4px 10px 0 rgba(0, 0, 0, 0.73);
}

.columns-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-14 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.block-quote {
  margin-right: 0px;
  margin-left: 0px;
  border-left-color: #1db4bd;
  font-family: Roboto, sans-serif;
  color: #33353b;
  font-size: 1.2vw;
  line-height: 1.7vw;
  font-weight: 300;
}

.text-span-5 {
  color: #d84a1d;
  font-weight: 700;
}

.column-15 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.section-9 {
  margin-bottom: 3vw;
  padding-top: 4vw;
  padding-bottom: 4vw;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 180, 189, 0.54)), to(rgba(29, 180, 189, 0.54))), url('https://www.murdermysteryco.com/img/lp/best-laid-plans-section-bg.jpg');
  background-image: linear-gradient(180deg, rgba(29, 180, 189, 0.54), rgba(29, 180, 189, 0.54)), url('https://www.murdermysteryco.com/img/lp/best-laid-plans-section-bg.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.heading-10 {
  padding-top: 2vw;
  padding-bottom: 2vw;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 40px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: -1px 1px 5px rgba(0, 0, 0, 0.91);
}

.text-span-6 {
  font-weight: 100;
}

.image-9 {
  display: inline-block;
  width: 5vw;
}

.column-16 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.paragraph-9 {
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 100;
  text-align: center;
}

.column-17 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-4 {
  color: #fff;
}

.column-18 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-7 {
  margin-top: 2vw;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 32px;
  line-height: 35px;
  font-weight: 700;
  text-align: center;
}

.text-span-7 {
  font-weight: 100;
}

.text-span-8 {
  font-style: italic;
  font-weight: 100;
}

.container-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section-10 {
  margin-bottom: 5vw;
}

.heading-11 {
  font-family: Roboto, sans-serif;
  font-size: 30px;
  font-weight: 300;
  text-align: center;
}

.columns-8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-19 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
}

.section-11 {
  margin-top: 0vw;
  margin-bottom: 0vw;
  background-color: transparent;
}

.div-block-6 {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #d84a1d;
}

.div-block-6.christmas {
  background-color: #b71717;
}

.div-block-6.mmpb {
  background-color: #8e4b71;
}

.div-block-6.roaring {
  background-color: #dfbd69;
  background-image: linear-gradient(45deg, #dfbd69, #926f34);
}

.div-block-6.nye {
  background-color: #8e4b71;
}

.div-block-6.office {
  background-color: #291d89;
}

.link-5 {
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 25px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
}

.link-5.roaring {
  color: #1a2227;
}

.container-4 {
  text-align: center;
}

.div-block-7 {
  background-color: #33353b;
}

.div-block-7.office {
  background-color: #4d6466;
}

.container-5 {
  padding-top: 4vw;
  padding-bottom: 4vw;
}

.image-10 {
  padding-right: 2vw;
}

.footerlink {
  padding-top: 5px;
  padding-bottom: 5px;
  float: right;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  font-family: Roboto, sans-serif;
  color: #b9b9b9;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
}

.footerlink:hover {
  color: #1db4bd;
}

.column-20 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  clear: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.container-6 {
  padding-top: 3vw;
  padding-bottom: 3vw;
  border-top: 1px solid #9e9e9e;
  border-radius: 1px;
  background-color: transparent;
}

.text-block-8 {
  font-family: Roboto, sans-serif;
  color: #a7a7a7;
  font-weight: 100;
}

.column-21 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-block-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.topsectionmobile {
  display: none;
}

.section13-mobile {
  display: none;
}

.section-14 {
  display: none;
}

.container-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5vw;
  padding-right: 0px;
  padding-bottom: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.columns-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-span-10 {
  font-weight: 100;
}

.paragraph-12 {
  margin-top: 3vw;
  margin-bottom: 1vw;
  padding-right: 3vw;
  padding-left: 3vw;
  font-family: Roboto, sans-serif;
  color: #0e0b16;
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
  text-align: center;
}

.paragraph-12.mmpartyb {
  margin-top: 0vw;
}

.paragraph-12.mmpa {
  margin-top: 0vw;
}

.paragraph-12.roaring {
  margin-top: 0vw;
  color: silver;
}

.paragraph-12.nye {
  margin-top: 0vw;
  font-family: Oswald, sans-serif;
  color: #502d55;
  font-size: 25px;
  line-height: 40px;
  font-weight: 300;
}

.paragraph-12.roaringdark {
  margin-top: 0vw;
  color: silver;
}

.columns-3-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  padding-top: 25px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.columns-3-copy.space {
  margin-bottom: 2vw;
  padding-top: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.columns-3-copy.mobile {
  display: none;
}

.textblock1-copy {
  padding-right: 26px;
  padding-left: 26px;
  font-family: Roboto, sans-serif;
  color: #33353b;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
}

.textblock1-copy.companyouting {
  padding-top: 20px;
  color: #fff;
  font-size: 1.5vw;
  line-height: 1.5vw;
  font-weight: 700;
}

.textblock1-copy.companyouting.whyschedule {
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  font-size: 25px;
  line-height: 30px;
}

.textblock1-copy {
  padding-right: 26px;
  padding-left: 26px;
  font-family: Roboto, sans-serif;
  color: #33353b;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
}

.textblock1-copy.companyouting {
  padding-top: 20px;
  color: #fff;
  font-size: 1.5vw;
  line-height: 1.5vw;
  font-weight: 700;
}

.textblock1-copy.companyouting.whyschedule {
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  font-size: 25px;
  line-height: 30px;
}

.textblock1-copy {
  padding-right: 26px;
  padding-left: 26px;
  font-family: Roboto, sans-serif;
  color: #33353b;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
}

.textblock1-copy.companyouting {
  padding-top: 20px;
  color: #fff;
  font-size: 1.5vw;
  line-height: 1.5vw;
  font-weight: 700;
}

.textblock1-copy.companyouting.whyschedule {
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  font-size: 25px;
  line-height: 30px;
}

.intro-header-copy {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46vw;
  margin-top: 7vw;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(35%, #33353b), color-stop(76%, rgba(69, 50, 69, 0))), url('https://www.murdermysteryco.com/img/lp/office-christmas-parties-banner.jpg');
  background-image: linear-gradient(90deg, #33353b 35%, rgba(69, 50, 69, 0) 76%), url('https://www.murdermysteryco.com/img/lp/office-christmas-parties-banner.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  color: #33353b;
}

.intro-header-copy.companyouting {
  position: relative;
  display: block;
  height: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-image: -webkit-gradient(linear, left top, right top, from(#453245), to(rgba(69, 50, 69, 0))), url('https://www.murdermysteryco.com/img/lp/corporate-team-building-1.jpg');
  background-image: linear-gradient(90deg, #453245, rgba(69, 50, 69, 0)), url('https://www.murdermysteryco.com/img/lp/corporate-team-building-1.jpg');
  background-position: 0px 0px, 100% 0%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.intro-header-copy.companyouting.christmas {
  margin-top: 0vw;
  padding-top: 2vw;
  padding-bottom: 2vw;
  background-image: url('https://www.murdermysteryco.com/img/lp/murder-mystery-suspect-with-gun-and-detective-on-christmas-style-background-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.intro-header-copy.teambuilding {
  height: 40vw;
  margin-top: 11vw;
  background-image: -webkit-gradient(linear, left top, right top, from(#453245), to(rgba(69, 50, 69, 0))), url('https://www.murdermysteryco.com/img/lp/Teambuilding-top-section-bg-corporate-office-desk-with-suspect-evidence.jpg');
  background-image: linear-gradient(90deg, #453245, rgba(69, 50, 69, 0)), url('https://www.murdermysteryco.com/img/lp/Teambuilding-top-section-bg-corporate-office-desk-with-suspect-evidence.jpg');
}

.intro-header-copy.christmas {
  height: 46vw;
  margin-top: 5vw;
  padding-top: 5vw;
  padding-bottom: 0vw;
}

.intro-header-copy.companyouting-copy {
  position: relative;
  display: block;
  height: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-image: -webkit-gradient(linear, left top, right top, from(#453245), to(rgba(69, 50, 69, 0))), url('https://www.murdermysteryco.com/img/lp/corporate-team-building-1.jpg');
  background-image: linear-gradient(90deg, #453245, rgba(69, 50, 69, 0)), url('https://www.murdermysteryco.com/img/lp/corporate-team-building-1.jpg');
  background-position: 0px 0px, 100% 0%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.intro-header-copy.companyouting-copy.christmas {
  margin-top: 0vw;
  padding-top: 2vw;
  padding-bottom: 2vw;
  background-image: url('https://www.murdermysteryco.com/img/lp/murder-mystery-suspect-with-gun-and-detective-on-christmas-style-background-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.intro-header-copy.companyouting-copy.christmas-copy {
  display: none;
  margin-top: 0vw;
  padding-top: 2vw;
  padding-bottom: 2vw;
  background-image: url('https://www.murdermysteryco.com/img/lp/murder-mystery-suspect-with-gun-and-detective-on-christmas-style-background-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.columns-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 50px;
  padding-left: 50px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.intro-heading-white-copy {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: block;
  margin-top: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 2.5vw;
  line-height: 2.5vw;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 1px 5px #000;
}

.intro-heading-white-copy.christmas {
  padding-top: 2vw;
  padding-bottom: 2vw;
  color: #b71717;
  font-size: 40px;
  line-height: 35px;
  text-shadow: none;
}

.intro-heading-white-copy.christmas2 {
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
  text-align: left;
}

.intro-heading-white-copy.christmas2-copy {
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
  text-align: left;
}

.paragraph-copy {
  margin-top: 1vw;
  padding-right: 3vw;
  padding-left: 3vw;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 1.3vw;
  line-height: 1.5vw;
  font-weight: 100;
  text-align: center;
  text-shadow: -1px 1px 4px #000;
}

.paragraph-copy.christmas {
  margin-bottom: 0px;
  padding-right: 16vw;
  padding-left: 0vw;
  text-align: left;
}

.paragraph-copy.christmas-copy {
  margin-bottom: 0px;
  padding-right: 16vw;
  padding-left: 0vw;
  text-align: left;
}

.sectionchristmasmobile {
  display: none;
}

.modalwrapper {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 100000;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.75);
}

.modal {
  position: relative;
  z-index: 5;
  padding: 25px;
  border-radius: 10px;
  background-color: #eee;
  box-shadow: 0 3px 13px 5px #000;
}

.modal.mmparty {
  padding-bottom: 40px;
}

.modal.roaring {
  padding-bottom: 40px;
  background-color: #1a2227;
}

.bold-text-2 {
  font-family: Roboto, sans-serif;
  color: #b71717;
  font-size: 1.7vw;
  line-height: 1.8vw;
  font-weight: 700;
  text-transform: uppercase;
}

.bold-text-2.christmasc {
  text-align: center;
}

.text-block-9 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.text-block-9.christmas {
  text-align: center;
}

.paragraph-13 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  color: #33353b;
  font-size: 1.3vw;
  line-height: 1.72vw;
  font-weight: 300;
  text-align: center;
}

.paragraph-13.christmasc {
  color: #333;
  text-align: center;
}

.div-block-8 {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-14 {
  width: 1.5vw;
  border-radius: 5px;
  -webkit-transition: all 450ms ease;
  transition: all 450ms ease;
}

.image-14:hover {
  border-radius: 5px;
  box-shadow: 0 5px 8px -3px rgba(0, 0, 0, 0.88);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.closearea {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
}

.modalwrapper2 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 100000;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.75);
}

.modal2 {
  position: relative;
  z-index: 5;
  padding: 25px;
  border-radius: 10px;
  background-color: #eee;
  box-shadow: 0 3px 13px 5px #000;
}

.closearea2 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
}

.textarea.text-field-2 {
  height: 85px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.div-block-9 {
  display: block;
}

.formtitlegrey {
  padding-top: 0px;
  padding-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 2vw;
  line-height: 2vw;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.text-span-11 {
  font-weight: 100;
}

.button-copy {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 12px 25px;
  border-radius: 9px;
  background-color: #1db4bd;
  box-shadow: 0 3px 9px -3px #000;
  -webkit-transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
  transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.button-copy:hover {
  background-color: #fff;
  color: #33353b;
}

.button-copy:active {
  background-color: #43464d;
}

.button-copy.buy-tickets {
  position: static;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  clear: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  font-size: 1vw;
  line-height: 1vw;
  text-align: left;
}

.button-copy.buy-tickets:hover {
  background-color: #000;
  color: #fff;
}

.button-copy.party-pricing {
  position: relative;
  z-index: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 11px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #d84a1d;
  font-size: 0.7vw;
  line-height: 0.7vw;
}

.button-copy.party-pricing:hover {
  background-color: #000;
  color: #fff;
}

.button-copy.planparty {
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 3px;
  background-color: #d84a1d;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.button-copy.planparty:hover {
  border: 2px none #fff;
  background-color: #fff;
  font-family: Roboto, sans-serif;
  color: #33353b;
}

.button-copy.planparty.corporateouting {
  border-radius: 3px;
  background-color: #fff;
  color: #453245;
  font-size: 15px;
}

.button-copy.planparty.corporateouting:hover {
  background-color: #453245;
  color: #fff;
}

.button-copy.planparty.whychooseus {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #453245;
  box-shadow: 0 10px 12px -5px rgba(0, 0, 0, 0.76);
}

.button-copy.planparty.whychooseus:hover {
  box-shadow: none;
  color: #fff;
}

.button-copy.christmaspartypricing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #b71717;
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.8);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
}

.button-copy.christmaspartypricing:hover {
  background-color: #fff;
  box-shadow: none;
  color: #b71717;
}

.button-copy.christmaspartypricing.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-copy.christmasstartplanning {
  background-color: #34a65f;
  box-shadow: 0 7px 20px -5px #000;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.button-copy.christmasstartplanning:hover {
  box-shadow: none;
  color: #fff;
}

.button-copy.mmplanmyparty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #d84a1d;
  box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.8);
  -webkit-transition: background-color 700ms ease, box-shadow 500ms ease;
  transition: background-color 700ms ease, box-shadow 500ms ease;
  font-size: 12vw;
}

.button-copy.mmplanmyparty:hover {
  background-color: #d84a1d;
  box-shadow: none;
  color: #fff;
}

.button-copy.mmplanmyparty.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-copy.mmplanmyparty {
  background-color: #34a65f;
  box-shadow: 0 7px 20px -5px #000;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.button-copy.mmplanmyparty:hover {
  box-shadow: none;
  color: #fff;
}

.buttontextmmparty {
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 1.5vw;
  line-height: 1.5vw;
  font-weight: 400;
}

.buttontextmmparty:hover {
  color: #fff;
}

.heading2 {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: block;
  margin-top: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 2.7vw;
  line-height: 2.7vw;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 1px 5px #000;
}

.heading2.christmas {
  padding-top: 2vw;
  padding-bottom: 2vw;
  color: #b71717;
  font-size: 40px;
  line-height: 35px;
  text-shadow: none;
}

.heading2.christmas2 {
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
  text-align: left;
}

.heading2.smokey {
  font-size: 2.5vw;
  line-height: 2.5vw;
  text-shadow: 0 4px 9px #000;
}

.heading2.mmparty {
  padding-top: 2vw;
  padding-bottom: 2vw;
  color: #0e0b16;
  font-size: 45px;
  line-height: 45px;
  text-shadow: none;
}

.heading2.mmparty.mmpa {
  color: #33353b;
}

.heading2.roaring {
  padding-top: 2vw;
  padding-bottom: 2vw;
  color: silver;
  font-size: 40px;
  line-height: 40px;
  text-shadow: none;
}

.heading2.roaring.mmpa {
  color: #33353b;
}

.heading2.nye {
  padding-top: 2vw;
  padding-bottom: 2vw;
  font-family: 'PT Sans', sans-serif;
  color: #502d55;
  font-size: 45px;
  line-height: 45px;
  font-weight: 700;
  text-shadow: none;
}

.heading2.nye.mmpa {
  color: #33353b;
}

.heading2.roardark {
  padding-top: 2vw;
  padding-bottom: 2vw;
  color: silver;
  font-size: 40px;
  line-height: 40px;
  text-shadow: none;
}

.heading2.roardark.mmpa {
  color: #33353b;
}

.heading2.office {
  padding-top: 2vw;
  padding-bottom: 2vw;
  font-family: Lato, sans-serif;
  color: #291d89;
  font-size: 35px;
  line-height: 35px;
  font-weight: 900;
  text-shadow: none;
}

.heading2.office.mmpa {
  color: #33353b;
}

.link-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2vw;
  margin-bottom: 1vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  color: #1db4bd;
  font-size: 40px;
  line-height: 40px;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.link-6.roaring {
  color: #dfbd69;
}

.link-6.nye {
  font-family: Oswald, sans-serif;
  color: #8e4b71;
}

.div-block-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-16 {
  display: inline-block;
  width: 3vw;
  font-size: 12px;
}

.columns-11 {
  background-color: #33353b;
}

.columns-11.mysterypartyb {
  background-color: rgba(162, 57, 202, 0);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0e0b16), to(#e7dfdd));
  background-image: linear-gradient(180deg, #0e0b16, #e7dfdd);
}

.columns-11.roaring {
  background-color: rgba(162, 57, 202, 0);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(58%, rgba(223, 189, 105, 0.83)), to(#1a2227)), url('https://www.murdermysteryco.com/img/lp/Art_Deco_BG_2.jpg');
  background-image: linear-gradient(180deg, rgba(223, 189, 105, 0.83) 58%, #1a2227), url('https://www.murdermysteryco.com/img/lp/Art_Deco_BG_2.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.columns-11.nye {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: rgba(162, 57, 202, 0);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#95ae8d), to(#95ae8d));
  background-image: linear-gradient(180deg, #95ae8d, #95ae8d);
}

.columns-11.office {
  background-color: #789e9e;
}

.column-28 {
  padding-top: 20vw;
  padding-bottom: 20vw;
  background-image: url('https://www.murdermysteryco.com/img/lp/IMG_3364_hat.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.column-28.roarin {
  background-image: url('https://www.murdermysteryco.com/img/lp/Untitled-1.jpg');
}

.column-28.nye {
  position: relative;
  background-image: url('https://www.murdermysteryco.com/img/lp/Dover-Hall-Murder-at-the-Mansion-35.jpg');
}

.paragraph-14 {
  padding-top: 2vw;
  padding-right: 3vw;
  padding-left: 3vw;
  font-family: Roboto, sans-serif;
  color: #f0f4ff;
  font-size: 1.2vw;
  line-height: 1.5vw;
  font-weight: 300;
}

.paragraph-14.roaring {
  color: #1a2227;
  font-weight: 400;
}

.paragraph-14.nye {
  padding-top: 2.5vw;
  font-family: Oswald, sans-serif;
  color: #e6e0da;
  font-size: 1.5vw;
  line-height: 2vw;
}

.text-span-13 {
  color: #eef3db;
  font-size: 2vw;
  line-height: 1.5vw;
}

.text-span-13.mmpb {
  color: #e7dfdd;
}

.text-span-13.roaring {
  color: #1a2227;
}

.text-span-13.nye {
  color: #e6e0da;
}

.text-span-13.office {
  color: #f0f4ff;
}

.link2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2vw;
  padding-right: 3vw;
  padding-left: 3vw;
  clear: none;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  font-family: Roboto, sans-serif;
  color: #f0f4ff;
  font-size: 1.3vw;
  line-height: 1.3vw;
  font-weight: 600;
  text-decoration: none;
}

.link2:hover {
  color: hsla(0, 0%, 100%, 0.51);
}

.link2.roaring {
  color: #1a2227;
}

.link2.roaring:hover {
  color: silver;
}

.heading-13 {
  font-family: Roboto, sans-serif;
  color: #0e0b16;
  font-size: 45px;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
}

.heading-13.mmpa {
  color: #33353b;
}

.heading-13.roaring {
  color: silver;
}

.heading-13.nye {
  font-family: Oswald, sans-serif;
  color: #8e4b71;
}

.heading-13.office {
  margin-bottom: 3vw;
  color: #f0f4ff;
}

.container-9 {
  padding-top: 5vw;
  padding-bottom: 0vw;
}

.text-span-14 {
  font-size: 40px;
  line-height: 45px;
  font-weight: 100;
}

.container-10 {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-block-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.tblock {
  font-family: Roboto, sans-serif;
  font-size: 35px;
  line-height: 35px;
  font-weight: 400;
}

.tblock:hover {
  color: #fff;
}

.outrosection {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46vw;
  margin-top: 7vw;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(35%, #33353b), color-stop(76%, rgba(69, 50, 69, 0))), url('https://www.murdermysteryco.com/img/lp/office-christmas-parties-banner.jpg');
  background-image: linear-gradient(90deg, #33353b 35%, rgba(69, 50, 69, 0) 76%), url('https://www.murdermysteryco.com/img/lp/office-christmas-parties-banner.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  color: #33353b;
}

.outrosection.companyouting {
  position: relative;
  display: block;
  height: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-image: -webkit-gradient(linear, left top, right top, from(#453245), to(rgba(69, 50, 69, 0))), url('https://www.murdermysteryco.com/img/lp/corporate-team-building-1.jpg');
  background-image: linear-gradient(90deg, #453245, rgba(69, 50, 69, 0)), url('https://www.murdermysteryco.com/img/lp/corporate-team-building-1.jpg');
  background-position: 0px 0px, 100% 0%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.outrosection.companyouting.christmas {
  bottom: auto;
  height: 54vw;
  margin-top: 0vw;
  margin-bottom: 0vw;
  padding-top: 2vw;
  padding-bottom: 0vw;
  background-image: url('https://www.murdermysteryco.com/img/lp/murder-mystery-suspect-with-gun-and-detective-on-christmas-style-background-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.outrosection.teambuilding {
  height: 40vw;
  margin-top: 8vw;
  background-image: -webkit-gradient(linear, left top, right top, from(#453245), to(rgba(69, 50, 69, 0))), url('https://www.murdermysteryco.com/img/lp/Teambuilding-top-section-bg-corporate-office-desk-with-suspect-evidence.jpg');
  background-image: linear-gradient(90deg, #453245, rgba(69, 50, 69, 0)), url('https://www.murdermysteryco.com/img/lp/Teambuilding-top-section-bg-corporate-office-desk-with-suspect-evidence.jpg');
}

.outrosection.christmas {
  height: 46vw;
  margin-top: 5vw;
  padding-top: 5vw;
  padding-bottom: 0vw;
}

.outrosection.mysteryparty {
  height: 46vw;
  margin-top: 5vw;
  padding-top: 5vw;
  padding-bottom: 0vw;
  background-image: url('https://www.murdermysteryco.com/img/lp/murder-5382-widee.png');
  background-position: 0px 0px;
  background-size: cover;
}

.outrosection.faq {
  height: 65%;
  margin-top: 0vw;
  margin-bottom: 0vw;
  padding-bottom: 5vw;
  background-image: url('https://www.murdermysteryco.com/img/lp/suspect_mugshot_MMP_DropShadown.png');
  background-position: 0% 0%;
  background-size: contain;
  background-repeat: no-repeat;
}

.outrosection.faq.mobile {
  background-image: url('https://www.murdermysteryco.com/img/lp/suspect_mugshot_MMP_DropShadown.png'), -webkit-gradient(linear, left bottom, left top, color-stop(62%, #1db4bd), color-stop(79%, rgba(29, 179, 189, 0.91)), to(rgba(29, 179, 189, 0)));
  background-image: url('https://www.murdermysteryco.com/img/lp/suspect_mugshot_MMP_DropShadown.png'), linear-gradient(0deg, #1db4bd 62%, rgba(29, 179, 189, 0.91) 79%, rgba(29, 179, 189, 0));
  background-position: 10% 0%, 0px 0px;
  background-size: contain, auto;
  background-repeat: no-repeat, repeat;
}


.outrosection.faq.mobile.mmpb {
  background-image: url('https://www.murdermysteryco.com/img/lp/suspect_mugshot_MMP_DropShadown.png'), -webkit-gradient(linear, left top, left bottom, from(#0e0b16), color-stop(48%, rgba(14, 11, 22, 0.81)), to(#0e0b16));
  background-image: url('https://www.murdermysteryco.com/img/lp/suspect_mugshot_MMP_DropShadown.png'), linear-gradient(180deg, #0e0b16, rgba(14, 11, 22, 0.81) 48%, #0e0b16);
  background-position: 10% 0%, 0px 0px;
  background-size: contain, auto;
  background-repeat: no-repeat, repeat;
}

.outrosection.faq.mobile.roaring {
  background-image: url('https://www.murdermysteryco.com/img/lp/suspect_mugshot_MMP_DropShadown.png'), -webkit-gradient(linear, left top, left bottom, from(#1a2227), color-stop(48%, rgba(26, 34, 39, 0.51)), to(rgba(223, 189, 105, 0.22))), url('https://www.murdermysteryco.com/img/lp/ART_DECO_MOSAIC.jpg');
  background-image: url('https://www.murdermysteryco.com/img/lp/suspect_mugshot_MMP_DropShadown.png'), linear-gradient(180deg, #1a2227, rgba(26, 34, 39, 0.51) 48%, rgba(223, 189, 105, 0.22)), url('https://www.murdermysteryco.com/img/lp/ART_DECO_MOSAIC.jpg');
  background-position: 10% 0%, 0px 0px, 0px 0px;
  background-size: contain, auto, cover;
  background-repeat: no-repeat, repeat, repeat;
}

.outrosection.faq.mobile.nye {
  background-image: linear-gradient(315deg, #95ae8d, rgba(149, 174, 141, 0.85) 55%, hsla(0, 0%, 100%, 0) 65%), url('https://www.murdermysteryco.com/img/lp/Untitled-5.jpg');
  background-position: 0px 0px, 10% 0%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.outrosection.faq.office {
  height: 65%;
  padding-bottom: 0vw;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(1%, #291d89), color-stop(22%, rgba(41, 29, 137, 0.77)), color-stop(39%, rgba(41, 29, 137, 0.63)), color-stop(55%, hsla(0, 0%, 100%, 0))), url('https://www.murdermysteryco.com/img/lp/Teambuilding-top-section-bg-corporate-office-desk-with-suspect-evidence.jpg');
  background-image: linear-gradient(90deg, #291d89 1%, rgba(41, 29, 137, 0.77) 22%, rgba(41, 29, 137, 0.63) 39%, hsla(0, 0%, 100%, 0) 55%), url('https://www.murdermysteryco.com/img/lp/Teambuilding-top-section-bg-corporate-office-desk-with-suspect-evidence.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.container-11 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5vw;
  margin-bottom: 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.heading-14 {
  margin-top: 2vw;
  margin-bottom: 2vw;
  clear: none;
  font-family: Roboto, sans-serif;
  color: #e7dfdd;
  font-size: 40px;
  line-height: 40px;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
}

.heading-14.mmpa {
  color: #33353b;
}

.heading-14.nye {
  font-family: Oswald, sans-serif;
  color: #e6e0da;
  font-size: 45px;
  line-height: 45px;
  font-weight: 700;
  text-shadow: 2px 2px 8px #000;
}

.heading-14.office {
  color: #f0f4ff;
}

.columns-12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1vw;
  margin-bottom: 1vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.column-29 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.heading-15 {
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 1px 1px 5px -1px #000;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 38px;
  font-weight: 500;
}

.heading-15.faqanswer {
  margin: 0px 60px 3vw -3px;
  padding-top: 5px;
  background-color: #d84a1d;
  box-shadow: 1px 1px 5px -1px #000;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 100;
}

.heading-15.faqanswer.mmpb {
  background-color: #a239ca;
}

.heading-15.faqanswer.roaring {
  background-color: #1a2227;
}

.heading-15.faqanswer.nyefaq {
  background-color: #502d55;
  font-family: Oswald, sans-serif;
  line-height: 25px;
  font-weight: 200;
}

.heading-15.faqanswer.officeanswer {
  background-color: #fe615a;
  color: #eef3db;
}

.heading-15.faqanswer.officeanswer-copy {
  background-color: #fe615a;
  color: #eef3db;
}

.heading-15.mmpb {
  background-color: #e7dfdd;
}

.heading-15.roaring {
  background-color: silver;
}

.heading-15.roaring {
  background-color: silver;
}

.heading-15.roaring {
  background-color: silver;
}

.heading-15.roaring {
  background-color: silver;
}

.heading-15.nye {
  background-color: #e6e0da;
  font-family: Oswald, sans-serif;
  color: #502d55;
}

.heading-15.office {
  background-color: #eef3db;
  color: #4d6466;
}

.link-7 {
  color: #fff;
  text-decoration: none;
}

.column-30 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.column-31 {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-32 {
  display: none;
}

.column-33 {
  display: none;
}

.column-34 {
  display: none;
}

.div-block-11 {
  display: none;
}

.mmpmoneymobile {
  display: none;
}

.link-block-5 {
  display: none;
}

.image-19 {
  width: 5vw;
}

.link-block-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px;
  text-decoration: none;
}

.link-block-6.roaring {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.link-block-6.roaring:hover {
  -webkit-transform: translate(0px, -15px);
  -ms-transform: translate(0px, -15px);
  transform: translate(0px, -15px);
}

.text-block-11 {
  font-family: Roboto, sans-serif;
  color: #d84a1d;
  font-size: 1vw;
  line-height: 1vw;
  text-decoration: none;
}

.text-block-11.roaring {
  color: #dfbd69;
  font-size: 1.3vw;
  line-height: 1.5vw;
}

.text-block-11.nye {
  color: #e7c8b7;
}

.text-block-11.office {
  padding-right: 1vw;
  padding-left: 1vw;
  border-radius: 20px;
  background-color: #4e67e8;
  box-shadow: 0 2px 8px 4px #5368d3;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #f0f4ff;
  font-size: 1.2vw;
  line-height: 2vw;
  text-shadow: 0 0 8px #fff;
}

.text-block-11.office:hover {
  box-shadow: none;
}

.image-20 {
  width: 5vw;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.image-20:hover {
  -webkit-transform: rotateX(-46deg) rotateY(-34deg) rotateZ(51deg);
  transform: rotateX(-46deg) rotateY(-34deg) rotateZ(51deg);
}

.image-20.roaring {
  width: 7vw;
}

.image-20.roaring:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.link-block-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.text-block-12 {
  color: #d84a1d;
  font-size: 1vw;
  line-height: 1vw;
}

.image-21 {
  display: block;
  width: 750px;
  margin-top: 25px;
  margin-bottom: 5vw;
  box-shadow: 0 12px 15px -5px #000;
}

.container-12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.div-block-12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.buttontextmmpartyb {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family: Roboto, sans-serif;
  color: silver;
  font-size: 1.5vw;
  line-height: 1.5vw;
  font-weight: 400;
}

.buttontextmmpartyb:hover {
  color: #fff;
}

.buttontextmmpartyb2 {
  font-family: Roboto, sans-serif;
  color: #0e0b16;
  font-size: 1.5vw;
  line-height: 1.5vw;
  font-weight: 400;
}

.buttontextmmpartyb2:hover {
  color: #fff;
}

.buttontextmmpartyb2.roaring {
  color: #dfbd69;
}

.link-block-8 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.christmasbgvid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.intro-heading-white-c {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: block;
  margin-top: 17px;
  margin-bottom: 0px;
  padding-right: 0px;
  padding-left: 25px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 2.3vw;
  line-height: 2.3vw;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 4px 16px #000;
}

.intro-heading-white-c.christmas {
  padding-top: 2vw;
  padding-bottom: 2vw;
  color: #b71717;
  font-size: 40px;
  line-height: 35px;
  text-shadow: none;
}

.intro-heading-white-c.christmas2 {
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
  text-align: left;
}

.intro-heading-white-c.smokey {
  font-size: 2.5vw;
  line-height: 2.5vw;
  text-shadow: 0 4px 9px #000;
}

.intro-heading-white-c.mmparty {
  padding-top: 2vw;
  padding-bottom: 2vw;
  color: #b71717;
  font-size: 40px;
  line-height: 35px;
  text-shadow: none;
}

.intro-heading-white-c.roaring {
  margin-top: 1.5vw;
  padding-right: 1px;
  padding-left: 40px;
  font-size: 1.8vw;
}

.intro-heading-white-c.officetop {
  padding-right: 20px;
  padding-left: 0px;
}

.paragraph-15 {
  display: block;
  margin-top: 31vw;
  padding-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-family: Roboto, sans-serif;
  font-size: 1.5vw;
  line-height: 2vw;
  font-weight: 100;
  text-shadow: 0 1px 9px #000;
}

.div-block-13 {
  display: block;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-13.christmasb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.column4.companyouting {
  padding-top: 8vw;
  padding-bottom: 8vw;
}

.column4.christmas2 {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.column4.christmasa {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 26px;
}

.roaringbutton {
  font-family: Roboto, sans-serif;
  color: #0e0b16;
  font-size: 1.5vw;
  line-height: 1.5vw;
  font-weight: 400;
}

.roaringbutton:hover {
  color: #fff;
}

.roaringbutton.roaring {
  color: #dfbd69;
}

.text-block-13 {
  font-size: 1.5vw;
  line-height: 2vw;
}

.text-block-14 {
  font-size: 2vw;
  line-height: 2.5vw;
}

.paragraph-copy {
  display: block;
  margin-top: 1vw;
  padding-right: 3vw;
  padding-left: 3vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 1.5vw;
  line-height: 2vw;
  font-weight: 100;
  text-align: center;
  text-shadow: -2px 2px 8px #000;
}

.paragraph-copy.christmas {
  margin-bottom: 0px;
  padding-right: 14vw;
  padding-bottom: 0px;
  padding-left: 0vw;
  font-size: 1.5vw;
  line-height: 1.8vw;
  text-align: left;
}

.paragraph-copy.shortquip {
  margin-top: 2vw;
  margin-bottom: 2vw;
  padding: 1vw 2vw;
  border-radius: 2vw;
  background-color: #0e0b16;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  text-shadow: none;
}

.paragraph-copy.shortquip:hover {
  box-shadow: 0 14px 12px -2px rgba(0, 0, 0, 0.65);
}

.paragraph-copy.shortquip.mmpa {
  background-color: #453245;
}

.paragraph-copy.shortquip.roaring {
  background-color: #dfbd69;
  box-shadow: 0 10px 13px -1px #000;
  font-weight: 300;
}

.paragraph-copy.shortquip.roaring:hover {
  box-shadow: none;
}

.paragraph-copy.shortquip.roaring.gradient {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dfbd69), to(#926f34));

  background-image: linear-gradient(180deg, #dfbd69, #926f34);
  text-shadow: none;
}

.paragraph-copy.christmasb {
  line-height: 5vw;
}

.paragraph-copy.roaring {
  color: #1a2227;
  font-weight: 300;
  text-shadow: 1px 1px 14px #000;
}

.paragraph-copy {
  display: block;
  margin-top: 1vw;
  padding-right: 3vw;
  padding-left: 3vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 1.5vw;
  line-height: 2vw;
  font-weight: 100;
  text-align: center;
  text-shadow: -2px 2px 8px #000;
}

.paragraph-copy.christmas {
  margin-bottom: 0px;
  padding-right: 14vw;
  padding-bottom: 0px;
  padding-left: 0vw;
  font-size: 1.5vw;
  line-height: 1.8vw;
  text-align: left;
}

.paragraph-copy.shortquip {
  margin-top: 2vw;
  margin-bottom: 2vw;
  padding: 1vw 2vw;
  border-radius: 2vw;
  background-color: #0e0b16;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  text-shadow: none;
}

.paragraph-copy.shortquip:hover {
  box-shadow: 0 14px 12px -2px rgba(0, 0, 0, 0.65);
}

.paragraph-copy.shortquip.mmpa {
  background-color: #453245;
}

.paragraph-copy.shortquip.roaring {
  background-color: #dfbd69;
  box-shadow: 0 10px 13px -1px #000;
  font-weight: 300;
}

.paragraph-copy.shortquip.roaring:hover {
  box-shadow: none;
}

.paragraph-copy.shortquip.roaring.gradient {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dfbd69), to(#926f34));
  background-image: linear-gradient(180deg, #dfbd69, #926f34);
}

.paragraph-copy.christmasb {
  line-height: 5vw;
}

.paragraph-copy.roaring {
  color: #1a2227;
  font-weight: 300;
  text-shadow: 1px 1px 14px #000;
}

.paragraph-copy {
  display: block;
  margin-top: 1vw;
  padding-right: 3vw;
  padding-left: 3vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 1.5vw;
  line-height: 2vw;
  font-weight: 100;
  text-align: center;
  text-shadow: -2px 2px 8px #000;
}

.paragraph-copy.christmas {
  margin-bottom: 0px;
  padding-right: 14vw;
  padding-bottom: 0px;
  padding-left: 0vw;
  font-size: 1.5vw;
  line-height: 1.8vw;
  text-align: left;
}

.paragraph-copy.shortquip {
  margin-top: 2vw;
  margin-bottom: 2vw;
  padding: 1vw 2vw;
  border-radius: 2vw;
  background-color: #0e0b16;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  text-shadow: none;
}

.paragraph-copy.shortquip:hover {
  box-shadow: 0 14px 12px -2px rgba(0, 0, 0, 0.65);
}

.paragraph-copy.shortquip.mmpa {
  background-color: #453245;
}

.paragraph-copy.shortquip.roaring {
  background-color: #dfbd69;
  box-shadow: 0 10px 13px -1px #000;
  font-weight: 300;
}

.paragraph-copy.shortquip.roaring:hover {
  box-shadow: none;
}

.paragraph-copy.shortquip.roaring.gradient {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dfbd69), to(#926f34));
  background-image: linear-gradient(180deg, #dfbd69, #926f34);
}

.paragraph-copy.christmasb {
  line-height: 5vw;
}

.paragraph-copy.roaring {
  color: #1a2227;
  font-weight: 300;
  text-shadow: 1px 1px 14px #000;
}

.paragraph-copy {
  display: block;
  margin-top: 1vw;
  padding-right: 3vw;
  padding-left: 3vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  color: #fff;
  font-size: 1.5vw;
  line-height: 2vw;
  font-weight: 100;
  text-align: center;
  text-shadow: -2px 2px 8px #000;
}

.paragraph-copy.christmas {
  margin-bottom: 0px;
  padding-right: 14vw;
  padding-bottom: 0px;
  padding-left: 0vw;
  font-size: 1.5vw;
  line-height: 1.8vw;
  text-align: left;
}

.paragraph-copy.shortquip {
  margin-top: 2vw;
  margin-bottom: 2vw;
  padding: 1vw 2vw;
  border-radius: 2vw;
  background-color: #0e0b16;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  text-shadow: none;
}

.paragraph-copy.shortquip:hover {
  box-shadow: 0 14px 12px -2px rgba(0, 0, 0, 0.65);
}

.paragraph-copy.shortquip.mmpa {
  background-color: #453245;
}

.paragraph-copy.shortquip.roaring {
  background-color: #dfbd69;
  box-shadow: 0 10px 13px -1px #000;
  font-weight: 300;
}

.paragraph-copy.shortquip.roaring:hover {
  box-shadow: none;
}

.paragraph-copy.shortquip.roaring.gradient {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dfbd69), to(#926f34));
  background-image: linear-gradient(180deg, #dfbd69, #926f34);
}

.paragraph-copy.christmasb {
  line-height: 5vw;
}

.paragraph-copy.roaring {
  color: #1a2227;
  font-weight: 300;
  text-shadow: 1px 1px 14px #000;
}

.formtitlegold {
  padding-top: 0px;
  padding-bottom: 10px;
  font-family: Roboto, sans-serif;
  color: #dfbd69;
  font-size: 2vw;
  line-height: 2vw;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.paragraphformgold {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  color: #dfbd69;
  font-size: 1.3vw;
  line-height: 1.72vw;
  font-weight: 300;
  text-align: center;
}

.paragraphformgold.christmasc {
  color: #333;
  text-align: center;
}

.div-block-14 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.backgroundvidroaring {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 42vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.text-span-15 {
  font-family: Roboto, sans-serif;
}

.nyebuttontext {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family: Roboto, sans-serif;
  color: transparent;
  font-size: 1.5vw;
  line-height: 1.5vw;
  font-weight: 400;
}

.nyebuttontext:hover {
  color: #fff;
}

.text-block-15 {
  font-family: 'PT Sans', sans-serif;
  font-size: 2vw;
  line-height: 2vw;
}

.text-block-16 {
  color: transparent;
}

.nyeobileimage {
  display: none;
}

.topsectionmobilenye {
  display: none;
}

.text-block-17 {
  font-family: Oswald, sans-serif;
}

.image-22 {
  width: 7vw;
}

.div-block-15 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.bgvidmmp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.formtitlemmp {
  padding-top: 0px;
  padding-bottom: 10px;
  font-family: Roboto, sans-serif;
  color: #33353b;
  font-size: 2vw;
  line-height: 2vw;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.officephone {
  width: 5vw;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.officephone:hover {
  -webkit-transform: rotateX(-46deg) rotateY(-34deg) rotateZ(51deg);
  transform: rotateX(-46deg) rotateY(-34deg) rotateZ(51deg);
}

.officephone.roaring {
  width: 7vw;
}

.officephone.roaring:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.text-span-16 {
  font-weight: 300;
}

.text-block-19 {
  color: #f0f4ff;
}

.text-block-19:hover {
  color: #291d89;
}

.column-35 {
  padding-left: 10vw;
}

.officeheading {
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 1px 1px 5px -1px #000;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 38px;
  font-weight: 500;
}

.officeheading.faqanswer {
  margin: 0px 60px 3vw -3px;
  padding-top: 5px;
  background-color: #d84a1d;
  box-shadow: 1px 1px 5px -1px #000;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 100;
}

.officeheading.faqanswer.mmpb {
  background-color: #a239ca;
}

.officeheading.faqanswer.roaring {
  background-color: #1a2227;
}

.officeheading.faqanswer.nyefaq {
  background-color: #502d55;
  font-family: Oswald, sans-serif;
  line-height: 25px;
  font-weight: 200;
}

.officeheading.faqanswer.officeanswer {
  background-color: #4e67e8;
  font-family: Lato, sans-serif;
  color: #eef3db;
  font-weight: 300;
}

.officeheading.mmpb {
  background-color: #e7dfdd;
}

.officeheading.roaring {
  background-color: silver;
}

.officeheading.roaring {
  background-color: silver;
}

.officeheading.roaring {
  background-color: silver;
}

.officeheading.roaring {
  background-color: silver;
}

.officeheading.nye {
  background-color: #e6e0da;
  font-family: Oswald, sans-serif;
  color: #502d55;
}

.officeheading.office {
  background-color: #f0f4ff;
  font-family: Oswald, sans-serif;
  color: #4d6466;
}

.text-block-20 {
  color: #eef3db;
}

.text-block-21 {
  color: #4e67e8;
}

.officemoneymobile {
  display: none;
}

@media (max-width: 991px) {
  .navigation {
    display: none;
    padding: 25px 30px;
  }
  .navigation.desktop {
    display: block;
    padding: 0px;
  }
  .navigation.desktop.landingpage {
    position: fixed;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .navigation.desktop.landingpage.roaring {
    background-color: #1a2227;
  }
  .navigation.desktop.landingpage.roaring {
    background-color: #1a2227;
  }
  .navigation.desktop.landingpage.nye {
    background-color: #8e4b71;
  }
  .column-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1db4bd;
  }
  .heading-5 {
    margin-top: 10px;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
  }
  .navigation-items {
    background-color: #fff;
  }
  .menu-button {
    padding: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .menu-button.w--open {
    background-color: transparent;
  }
  .menu-icon {
    display: block;
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
  }
  .button {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .button.party-pricing {
    display: none;
  }
  .button.planparty {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 13px 5vw;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0 6px 17px -8px #000;
    font-size: 20px;
  }
  .button.planparty:hover {
    background-color: #d84a1d;
    box-shadow: none;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    color: #fff;
  }
  .button.christmaspartypricing {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 25px;
    font-weight: 400;
  }
  .button.mmparty {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 20px;
  }
  .button.mmplanmyparty {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
  }
  .button.mmplanmyparty {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 20px;
  }
  .button.mmparty {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .button.mmpartycolumn {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .button.christmas {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 20px;
  }
  .button.christmaspartypricingtop {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 25px;
    font-weight: 400;
  }
  .button.christmaspartypricingb {
    padding: 25px 35px;
    background-color: #34a65f;
    font-family: Roboto, sans-serif;
    font-size: 25px;
    font-weight: 400;
  }
  .button.christmaspartypricingb.mobile {
    box-shadow: 0 0 12px 4px rgba(178, 243, 65, 0.8);
  }
  .button.christmaspartypricingb.mobile:hover {
    box-shadow: none;
  }
  .button.mmpartyb {
    padding: 25px 35px;
    background-color: #e7dfdd;
    font-family: Roboto, sans-serif;
    color: #0e0b16;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .button.mmpartyb:hover {
    background-color: #0e0b16;
  }
  .button.mmpartyb {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .button.mmpartycolumnb {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .button.christmaspartypricingtopc {
    padding: 10px 35px;
    font-family: Roboto, sans-serif;
    font-size: 25px;
    font-weight: 400;
  }
  .button.mmpartyb {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 20px;
  }
  .button.mmpartyb._1color.mobile.roaring {
    margin-right: 10vw;
    margin-left: 10vw;
  }
  .button.mmpartybtop {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .button.roaring {
    padding: 25px 35px;
    background-color: #e7dfdd;
    font-family: Roboto, sans-serif;
    color: #0e0b16;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .button.roaring:hover {
    background-color: #0e0b16;
  }
  .button.roaring {
    padding: 25px 35px;
    background-color: silver;
    box-shadow: 0 0 20px -2px #dfbd69;
    font-family: Roboto, sans-serif;
    color: #1a2227;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .button.roaring:hover {
    background-color: #dfbd69;
  }
  .button.gatsbybutton {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .button.gatsbybutton.mobile.roaring {
    background-color: #1a2227;
    color: silver;
  }
  .button.roaring-copy {
    padding: 25px 35px;
    background-color: #e7dfdd;
    font-family: Roboto, sans-serif;
    color: #0e0b16;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .button.roaring-copy:hover {
    background-color: #0e0b16;
  }
  .button.roaringvideotopbutton {
    padding: 10px 35px;
    font-family: Roboto, sans-serif;
    font-size: 25px;
    font-weight: 400;
  }
  .button.nye {
    padding: 25px 35px;
    background-color: #e7dfdd;
    font-family: Roboto, sans-serif;
    color: #0e0b16;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .button.nye:hover {
    background-color: #0e0b16;
  }
  .button.nye {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .button.nye {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 20px;
  }
  .button.nye._1color.mobile.roaring {
    margin-right: 10vw;
    margin-left: 10vw;
  }
  .button.nye._1color-copy.mobile.roaring {
    margin-right: 10vw;
    margin-left: 10vw;
  }
  .button.nye.nyebutton {
    background-color: #e7c8b7;
    color: #502d55;
  }
  .button.nye.nyebutton:hover {
    color: #502d55;
  }
  .button.nye {
    padding: 25px 35px;
    background-color: #e7dfdd;
    font-family: Roboto, sans-serif;
    color: #0e0b16;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .button.nye:hover {
    background-color: #0e0b16;
  }
  .button.nye-copy {
    padding: 25px 35px;
    background-color: #e6e0da;
    font-family: Roboto, sans-serif;
    color: #8e4b71;
    font-size: 20px;
  }
  .button.nye-copy._1color.mobile.roaring {
    margin-right: 10vw;
    margin-left: 10vw;
  }
  .button.nye-copy._1color-copy.mobile.roaring {
    margin-right: 10vw;
    margin-left: 10vw;
  }
  .button.nye-copy.nyebutton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8vw;
    margin-right: 15vw;
    margin-left: 15vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e7c8b7;
    color: #502d55;
    font-size: 4vw;
    line-height: 5vw;
  }
  .button.nye-copy.nyebutton:hover {
    color: #502d55;
  }
  .button.nye-copy.top {
    box-shadow: 0 0 14px 2px #e7c8b7;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  .button.nye-copy.top:hover {
    background-color: #502d55;
    box-shadow: none;
    color: #e6e0da;
  }
  .button.nye-copy {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .button.nye-copy.mobilenye {
    font-size: 3vw;
    line-height: 4vw;
  }
  .button.mmpartyb-copy {
    padding: 25px 35px;
    background-color: #e7dfdd;
    font-family: Roboto, sans-serif;
    color: #0e0b16;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .button.mmpartyb-copy:hover {
    background-color: #0e0b16;
  }
  .button.nye2 {
    margin: 5vw 8vw 8vw;
    padding: 25px 35px;
    background-color: #e7c8b7;
    box-shadow: 0 1px 12px 2px #8e4b71;
    font-family: Roboto, sans-serif;
    color: #502d55;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .button.nye2:hover {
    background-color: #8e4b71;
  }
  .button.topvidmmpbutton {
    padding: 10px 35px;
    font-family: Roboto, sans-serif;
    font-size: 25px;
    font-weight: 400;
  }
  .button.roaringmobilebuttontop {
    margin: 5vw;
    padding: 2vw 3vw;
    font-family: Roboto, sans-serif;
    font-size: 25px;
    font-weight: 400;
  }
  .button.office {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .button.office {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .button.officetop {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .button.officetop.retry {
    margin-top: -16vw;
    margin-right: 20vw;
    margin-left: 20vw;
    padding-right: 0vw;
    padding-left: 0vw;
    font-family: Oswald, sans-serif;
    font-size: 3vw;
    line-height: 3vw;
  }
  .button.damnit {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
  }
  .navigation-wrap {
    padding-right: 55px;
    background-color: #fff;
  }
  .navigation-wrap.landingpage {
    padding-top: 1vw;
    padding-bottom: 1vw;
    background-color: transparent;
  }
  .logo-image {
    width: 15vw;
  }
  .logo-image.roaring {
    width: 14vw;
  }
  .logo-image.nye {
    width: 20vw;
    margin-top: -2vw;
    margin-bottom: -2vw;
  }
  .navigation-item {
    padding: 15px 30px;
    -webkit-transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
    transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
    text-align: center;
  }
  .navigation-item:hover {
    background-color: #f7f8f9;
  }
  .navigation-item:active {
    background-color: #eef0f3;
  }
  .column-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #d84a1d;
  }
  .div-block.desktop {
    display: none;
  }
  .column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-areas: "Area";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 16px auto;
    grid-template-rows: auto auto;
    background-color: #33353b;
  }
  .mobilenavctas {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .logo-link.w--current {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .menu {
    position: static;
    margin-left: 30px;
  }
  .intro-header {
    display: none;
  }
  .intro-header.companyouting {
    display: none;
  }
  .intro-header.companyouting.christmas {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 75vw;
  }
  .intro-header.christmas {
    display: none;
  }
  .intro-header.mysteryparty {
    padding-top: 5vw;
  }
  .intro-header.mysterypartyb {
    padding-top: 5vw;
  }
  .intro-header.roaring {
    padding-top: 5vw;
  }
  .intro-header.nye {
    padding-top: 5vw;
  }
  .intro-header.mmpartyb {
    padding-top: 5vw;
  }
  .intro-header.office {
    display: block;
    margin-top: 11vw;
    padding-top: 1vw;
  }
  .intro-header.officedesktop {
    padding-top: 5vw;
  }
  .intro-heading-white.christmas {
    font-size: 30px;
    line-height: 25px;
  }
  .intro-heading-white.christmas2 {
    font-size: 3vw;
    line-height: 3vw;
  }
  .intro-heading-white.smokey.nye {
    font-size: 5vw;
    line-height: 5vw;
  }
  .intro-heading-white.smokey.nye.mobile {
    text-shadow: none;
  }
  .intro-heading-white.smokey.office {
    font-size: 4vw;
    line-height: 4vw;
  }
  .intro-heading-white.mmparty {
    font-size: 30px;
    line-height: 25px;
  }
  .columns {
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .columns.christmass {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .paragraph.christmas {
    padding-right: 10vw;
    font-size: 2vw;
    line-height: 2.2vw;
  }
  .paragraph.shortquip.mmpa {
    background-color: #453245;
  }
  .paragraph.shortquip.roaring.gradient {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dfbd69), to(#926f34));
    background-image: linear-gradient(180deg, #dfbd69, #926f34);
  }
  .paragraph.shortquip.nye {
    font-size: 2vw;
    line-height: 3vw;
  }
  .paragraph.shortquip.office {
    background-color: #453245;
  }
  .paragraph.christmasb.roaringb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 2vw;
    padding-left: 0vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5vw;
    line-height: 2vw;
    font-weight: 300;
  }
  .paragraph.nye {
    font-size: 4vw;
    line-height: 5vw;
    text-shadow: none;
  }
  .paragraph.mmpv {
    padding-left: 20vw;
    font-size: 1.8vw;
    line-height: 2.5vw;
  }
  .paragraph.office {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 2.3vw;
    line-height: 8vw;
  }
  .paragraph.officewhite {
    font-size: 2vw;
  }
  .text-block {
    font-size: 3vw;
    line-height: 5vw;
  }
  .section-2.roaring {
    display: none;
    background-image: none;
  }
  .section-2.roaringtopmobile {
    background-size: auto 53vw, cover;
  }
  .form-block.modalform.christmas {
    width: 60vw;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: left;
  }
  .form-block.modalform.roaring {
    width: 60vw;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: left;
  }
  .formbutton.mmparty {
    font-size: 3vw;
    line-height: 3vw;
  }
  .formbutton.roaring {
    font-size: 3vw;
    line-height: 3vw;
  }
  .body.roaring {
    background-color: #1a2227;
  }
  .body.nye {
    background-color: #e6e0da;
  }
  .paragraph-2 {
    font-size: 16px;
    line-height: 26px;
  }
  .text-span-2 {
    font-size: 22px;
  }
  .paragraph-3 {
    font-size: 16px;
    line-height: 22px;
  }
  .link1 {
    display: inline-block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .link1.teambuildingideas.column-19 {
    font-size: 12px;
    line-height: 15px;
    text-align: center;
  }
  .h2 {
    font-size: 24px;
    line-height: 30px;
  }
  .paragraph-4 {
    font-size: 18px;
    line-height: 28px;
  }
  .columns-3.space {
    margin-bottom: 4vw;
  }
  .textblock1 {
    font-size: 16px;
    line-height: 22px;
  }
  .textblock1.companyouting {
    padding-top: 0px;
    padding-bottom: 10px;
    font-size: 2vw;
    line-height: 3vw;
  }
  .textblock1.companyouting.whyschedule {
    padding-top: 15px;
    font-size: 18px;
    line-height: 18px;
  }
  .heading-7 {
    font-size: 28px;
    line-height: 35px;
  }
  .div-block-2 {
    margin-bottom: 10vw;
  }
  .section-5.christmas {
    margin-top: -38px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .section-5.mmp {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .section-5.roaring {
    margin-top: -4vw;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .section-5.roaringb {
    margin-top: -4vw;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .section-6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .heading-9 {
    font-size: 1.8em;
    line-height: 3vw;
  }
  .paragraph-6 {
    font-size: 1.3em;
    line-height: 1.3em;
  }
  .image-2 {
    width: 6vw;
    padding-bottom: 15px;
  }
  .image-3 {
    width: 6vw;
    padding-bottom: 15px;
  }
  .column-8 {
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .div-block-3.boxshadowinside {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .div-block-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .paragraph-7 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.1em;
    line-height: 2.5vw;
  }
  .intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .image-8 {
    width: 55vw;
  }
  .columns-7 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .column-14 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .block-quote {
    font-size: 1.5vw;
    line-height: 1.8vw;
  }
  .column-15 {
    margin-top: 20px;
    padding-right: 0vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .heading-10 {
    font-size: 32px;
    line-height: 32px;
  }
  .paragraph-9 {
    font-size: 15px;
  }
  .text-block-7 {
    margin-bottom: 3vw;
    font-size: 25px;
    line-height: 25px;
  }
  .div-block-6.roaring {
    background-image: linear-gradient(315deg, #dfbd69, #926f34);
  }
  .link-5 {
    font-size: 18px;
  }
  .topsectionmobile {
    display: block;
    margin-top: 15.5vw;
    padding-top: 30vw;
    padding-bottom: 30vw;
    background-image: url('https://www.murdermysteryco.com/img/lp/Teambuilding-top-section-bg-corporate-office-desk-with-suspect-evidence_mobile.jpg');
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  .topsectionmobile.christmas {
    margin-top: 8vw;
    background-image: url('https://www.murdermysteryco.com/img/lp/holiday_background_banner_mobile.jpg');
  }
  .topsectionmobile.mmparty {
    margin-top: 6.5vw;
    background-image: url('https://www.murdermysteryco.com/img/lp/MMParty_Top_Section_Mobile.jpg');
  }
  .topsectionmobile.christmasb {
    margin-top: 8vw;
    background-image: url('https://www.murdermysteryco.com/img/lp/Audra_OCP_Top_Stylized.jpg');
    background-position: 0% 0%;
    background-size: 131vw;
  }
  .topsectionmobile.mmpartyb {
    margin-top: 6.5vw;
    background-image: url('https://www.murdermysteryco.com/img/lp/grand-hotel-murder-mystery-suspect-posed-top-section-bg-mobile.jpg');
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  .topsectionmobile.roaring {
    margin-top: 10.5vw;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(2%, #1a2227), color-stop(25%, hsla(0, 0%, 100%, 0))), url('https://www.murdermysteryco.com/img/lp/gatsby_car_section_bg.jpg');
    background-image: linear-gradient(0deg, #1a2227 2%, hsla(0, 0%, 100%, 0) 25%), url('https://www.murdermysteryco.com/img/lp/gatsby_car_section_bg.jpg');
    background-position: 0px 0px, 100% 0%;
    background-size: auto, 145vw;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, scroll;
  }
  .topsectionmobile.mmpartyvid {
    display: none;
    margin-top: 6.5vw;
    background-image: url('https://www.murdermysteryco.com/img/lp/MMParty_Top_Section_Mobile.jpg');
  }
  .topsectionmobile.office {
    display: none;
    margin-top: 11vw;
    background-image: url('https://www.murdermysteryco.com/img/lp/MMParty_Top_Section_Mobile.jpg');
  }
  .section13-mobile {
    display: block;
    margin-top: 5vw;
    padding-top: 0vw;
    padding-bottom: 5vw;
    background-color: #453245;
  }
  .section-14 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #453245;
  }
  .section-14.christmas {
    padding-bottom: 30px;
    background-color: #33353b;
  }
  .section-14.mmparty {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px;
    background-color: #543245;
  }
  .section-14.christmasb {
    padding-bottom: 30px;
    background-color: #b71717;
    box-shadow: 0 -4px 8px -2px #000;
  }
  .section-14.mmpartyb {
    padding-bottom: 30px;
    background-color: #0e0b16;
  }
  .section-14.roaring {
    padding-bottom: 30px;
    background-color: #1a2227;
  }
  .section-14.nye {
    padding-bottom: 30px;
    background-color: #502d55;
  }
  .section-14.mmpartyvid {
    display: none;
    padding-bottom: 30px;
    background-color: #543245;
  }
  .heading-12 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
  .heading-12.intro-heading-white {
    padding-bottom: 2vw;
    font-size: 5vw;
    line-height: 3vw;
    text-align: center;
  }
  .heading-12.intro-heading-white.roaring {
    color: silver;
    font-size: 4vw;
  }
  .text-span-9 {
    font-size: 4vw;
    line-height: 6vw;
    font-weight: 100;
  }
  .paragraph-10 {
    padding: 0vw 8vw;
    font-family: Roboto, sans-serif;
    color: #fff;
    font-size: 3vw;
    line-height: 4vw;
    font-weight: 100;
    text-align: center;
  }
  .paragraph-10.roaring {
    color: silver;
  }
  .paragraph-10.roaring.mobile {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 13vw;
    padding-left: 13vw;
    font-family: 'Great Vibes', cursive;
    font-size: 5vw;
    line-height: 5vw;
  }
  .image-11 {
    display: block;
    overflow: visible;
    max-width: 100vw;
  }
  .columns-9 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 5vw;
    margin-left: 5vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .image-12 {
    width: 10vw;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .column-22 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .paragraph-11 {
    font-family: Roboto, sans-serif;
    color: #fff;
    line-height: 18px;
    font-weight: 300;
    text-align: center;
  }
  .column-23 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .column-24 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .container-7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .image-13 {
    padding-top: 15px;
  }
  .paragraph-12.nye {
    line-height: 35px;
  }
  .columns-3-copy.space {
    margin-bottom: 4vw;
  }
  .textblock1-copy {
    font-size: 16px;
    line-height: 22px;
  }
  .textblock1-copy.companyouting {
    padding-top: 0px;
    padding-bottom: 10px;
    font-size: 2vw;
    line-height: 3vw;
  }
  .textblock1-copy.companyouting.whyschedule {
    padding-top: 15px;
    font-size: 18px;
    line-height: 18px;
  }
  .textblock1-copy {
    font-size: 16px;
    line-height: 22px;
  }
  .textblock1-copy.companyouting {
    padding-top: 0px;
    padding-bottom: 10px;
    font-size: 2vw;
    line-height: 3vw;
  }
  .textblock1-copy.companyouting.whyschedule {
    padding-top: 15px;
    font-size: 18px;
    line-height: 18px;
  }
  .textblock1-copy {
    font-size: 16px;
    line-height: 22px;
  }
  .textblock1-copy.companyouting {
    padding-top: 0px;
    padding-bottom: 10px;
    font-size: 2vw;
    line-height: 3vw;
  }
  .textblock1-copy.companyouting.whyschedule {
    padding-top: 15px;
    font-size: 18px;
    line-height: 18px;
  }
  .intro-header-copy {
    display: none;
  }
  .intro-header-copy.companyouting {
    display: none;
  }
  .intro-header-copy.companyouting.christmas {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 75vw;
  }
  .intro-header-copy.companyouting-copy {
    display: none;
  }
  .intro-header-copy.companyouting-copy.christmas {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 75vw;
  }
  .intro-header-copy.companyouting-copy.christmas-copy {
    display: none;
    height: 75vw;
  }
  .columns-copy {
    padding-left: 10px;
  }
  .intro-heading-white-copy.christmas {
    font-size: 30px;
    line-height: 25px;
  }
  .intro-heading-white-copy.christmas2 {
    font-size: 3vw;
    line-height: 3vw;
  }
  .intro-heading-white-copy.christmas2-copy {
    font-size: 3vw;
    line-height: 3vw;
  }
  .paragraph-copy.christmas {
    padding-right: 10vw;
    font-size: 2vw;
    line-height: 2.2vw;
  }
  .paragraph-copy.christmas-copy {
    padding-right: 10vw;
    font-size: 2vw;
    line-height: 2.2vw;
  }
  .modalwrapper {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bold-text-2 {
    font-size: 3vw;
    line-height: 3vw;
  }
  .text-block-9 {
    text-align: center;
  }
  .paragraph-13 {
    display: block;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
  }
  .paragraph-13.mmparty {
    font-size: 20px;
  }
  .image-14 {
    width: 3vw;
  }
  .div-block-9 {
    display: none;
  }
  .formtitlegrey {
    font-size: 4vw;
    line-height: 4vw;
  }
  .formtitlegrey.mobile {
    font-size: 4vw;
    line-height: 5vw;
    text-align: center;
  }
  .text-span-12 {
    font-weight: 100;
  }
  .button-copy {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .button-copy.party-pricing {
    display: none;
  }
  .button-copy.planparty {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 13px 5vw;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0 6px 17px -8px #000;
    font-size: 20px;
  }
  .button-copy.planparty:hover {
    background-color: #d84a1d;
    box-shadow: none;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    color: #fff;
  }
  .button-copy.christmaspartypricing {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
  }
  .button-copy.christmasstartplanning {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 20px;
  }
  .button-copy.mmplanmyparty {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
  }
  .button-copy.mmplanmyparty {
    padding: 25px 35px;
    font-family: Roboto, sans-serif;
    font-size: 20px;
  }
  .buttontextmmparty {
    font-size: 3vw;
    line-height: 3vw;
  }
  .heading2.christmas {
    font-size: 30px;
    line-height: 25px;
  }
  .heading2.christmas2 {
    font-size: 3vw;
    line-height: 3vw;
  }
  .heading2.mmparty {
    font-size: 30px;
    line-height: 25px;
  }
  .heading2.mmparty.mmpa {
    color: #33353b;
  }
  .heading2.roaring {
    font-size: 30px;
    line-height: 25px;
  }
  .heading2.roaring.mmpa {
    color: #33353b;
  }
  .heading2.nye {
    font-size: 30px;
    line-height: 25px;
  }
  .heading2.nye.mmpa {
    color: #33353b;
  }
  .heading2.roardark {
    font-size: 30px;
    line-height: 25px;
  }
  .heading2.roardark.mmpa {
    color: #33353b;
  }
  .heading2.office {
    font-size: 30px;
    line-height: 25px;
  }
  .heading2.office.mmpa {
    color: #33353b;
  }
  .link-6.roaring {
    margin-bottom: 0vw;
    font-size: 30px;
  }
  .image-16.roaring {
    width: 6vw;
  }
  .column-28.nye {
    background-position: 50% 50%;
  }
  .paragraph-14 {
    padding-top: 0vw;
    font-size: 2.5vw;
    line-height: 3vw;
    text-align: center;
  }
  .paragraph-14.roaring {
    line-height: 3.5vw;
  }
  .paragraph-14.nye {
    font-size: 3vw;
    line-height: 4vw;
  }
  .text-span-13 {
    font-size: 5vw;
    line-height: 2vw;
  }
  .text-span-13.roaring {
    line-height: 3vw;
  }
  .link2 {
    margin-top: 6vw;
    margin-bottom: 6vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 3vw;
    line-height: 3vw;
    text-align: left;
    text-transform: uppercase;
  }
  .heading-13 {
    font-size: 35px;
    line-height: 35px;
  }
  .heading-13.mmpa {
    color: #33353b;
  }
  .heading-13.office {
    color: #33353b;
  }
  .container-9 {
    margin-top: 0vw;
  }
  .text-span-14 {
    font-size: 30px;
    line-height: 35px;
  }
  .tblock {
    color: #e7dfdd;
  }
  .outrosection {
    display: none;
  }
  .outrosection.companyouting {
    display: none;
  }
  .outrosection.companyouting.christmas {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 75vw;
  }
  .outrosection.faq {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .outrosection.faq.mobile.nye {
    margin-top: 5vw;
  }
  .outrosection.faq.office {
    background-image: -webkit-gradient(linear, left top, right top, from(#291d89), color-stop(36%, rgba(41, 29, 137, 0.77)), color-stop(66%, rgba(41, 29, 137, 0.63)), color-stop(100%, rgba(167, 162, 206, 0.26)), to(hsla(0, 0%, 100%, 0))), url('https://www.murdermysteryco.com/img/lp/Teambuilding-top-section-bg-corporate-office-desk-with-suspect-evidence.jpg');
    background-image: linear-gradient(90deg, #291d89, rgba(41, 29, 137, 0.77) 36%, rgba(41, 29, 137, 0.63) 66%, rgba(167, 162, 206, 0.26) 100%, hsla(0, 0%, 100%, 0)), url('https://www.murdermysteryco.com/img/lp/Teambuilding-top-section-bg-corporate-office-desk-with-suspect-evidence.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
  }
  .heading-14 {
    padding-top: 2vw;
    padding-bottom: 2vw;
  }
  .column-29 {
    border-radius: 3px;
    background-color: #1db4bd;
    box-shadow: -3px 3px 11px -3px #000;
  }
  .column-29.mmpb {
    background-color: #a239ca;
  }
  .column-29.roaring {
    background-color: #dfbd69;
  }
  .column-29.mmproar {
    background-color: #dfbd69;
  }
  .column-29.mmproar.gradient {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dfbd69), to(#926f34));
    background-image: linear-gradient(180deg, #dfbd69, #926f34);
  }
  .column-29.nye {
    background-color: #e7b8c7;
  }
  .heading-15 {
    box-shadow: 1px 1px 5px -1px #000;
    font-size: 16px;
    line-height: 20px;
  }
  .heading-15.faqanswer {
    margin-bottom: 10px;
    font-size: 15px;
  }
  .heading-15.faqanswer.mmpb {
    background-color: #0e0b16;
  }
  .heading-15.faqanswer.roaring {
    background-color: #1a2227;
  }
  .heading-15.faqanswer.nyefaq {
    background-color: #502d55;
  }
  .heading-15.mmpb {
    background-color: #e7dfdd;
  }
  .heading-15.roaring {
    background-color: silver;
  }
  .heading-15.roaring {
    background-color: silver;
  }
  .heading-15.roaring {
    background-color: #e7dfdd;
  }
  .heading-15.roaring {
    background-color: silver;
  }
  .heading-15.nye {
    background-color: #e6e0da;
  }
  .column-30 {
    padding-top: 5vw;
    padding-bottom: 6vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .mmpmoneymobile {
    display: block;
    height: 45vw;
    margin-top: 5vw;
    background-image: url('https://www.murdermysteryco.com/img/lp/fundraiser-group-interviewing.jpg');
    background-position: 0px 0px;
    background-size: 100vw;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  .image-19 {
    width: 8vw;
    padding-right: 0vw;
  }
  .link-block-6 {
    padding-right: 0px;
  }
  .text-block-11 {
    font-size: 2vw;
  }
  .text-block-11.roaring {
    font-size: 2vw;
    line-height: 2vw;
  }
  .text-block-11.office {
    font-size: 2vw;
    line-height: 4vw;
  }
  .image-20 {
    width: 9vw;
  }
  .image-20.roaring {
    width: 9vw;
  }
  .text-block-12 {
    font-size: 2vw;
    line-height: 2vw;
  }
  .image-21 {
    width: 630px;
  }
  .buttontextmmpartyb {
    font-size: 3vw;
    line-height: 3vw;
  }
  .buttontextmmpartyb2 {
    font-size: 3vw;
    line-height: 3vw;
  }
  .christmasbgvid {
    height: 47vw;
    margin-top: 11vw;
    background-color: rgba(51, 53, 59, 0);
  }
  .intro-heading-white-c {
    font-size: 2.7vw;
    line-height: 2.7vw;
  }
  .intro-heading-white-c.christmas {
    font-size: 30px;
    line-height: 25px;
  }
  .intro-heading-white-c.christmas2 {
    font-size: 3vw;
    line-height: 3vw;
  }
  .intro-heading-white-c.mmparty {
    font-size: 30px;
    line-height: 25px;
  }
  .paragraph-15 {
    font-size: 2vw;
    line-height: 2.5vw;
  }
  .roaringbutton {
    font-size: 3vw;
    line-height: 3vw;
  }
  .text-block-13 {
    font-size: 3vw;
    line-height: 3vw;
  }
  .text-block-14 {
    font-size: 4vw;
  }
  .paragraph-copy.christmas {
    padding-right: 10vw;
    font-size: 2vw;
    line-height: 2.2vw;
  }
  .paragraph-copy.shortquip.mmpa {
    background-color: #453245;
  }
  .paragraph-copy.shortquip.roaring.gradient {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dfbd69), to(#926f34));
    background-image: linear-gradient(180deg, #dfbd69, #926f34);
  }
  .paragraph-copy.christmas {
    padding-right: 10vw;
    font-size: 2vw;
    line-height: 2.2vw;
  }
  .paragraph-copy.shortquip.mmpa {
    background-color: #453245;
  }
  .paragraph-copy.shortquip.roaring.gradient {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dfbd69), to(#926f34));
    background-image: linear-gradient(180deg, #dfbd69, #926f34);
  }
  .paragraph-copy.christmas {
    padding-right: 10vw;
    font-size: 2vw;
    line-height: 2.2vw;
  }
  .paragraph-copy.shortquip.mmpa {
    background-color: #453245;
  }
  .paragraph-copy.shortquip.roaring.gradient {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dfbd69), to(#926f34));
    background-image: linear-gradient(180deg, #dfbd69, #926f34);
  }
  .paragraph-copy.christmas {
    padding-right: 10vw;
    font-size: 2vw;
    line-height: 2.2vw;
  }
  .paragraph-copy.shortquip.mmpa {
    background-color: #453245;
  }
  .paragraph-copy.shortquip.roaring.gradient {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dfbd69), to(#926f34));
    background-image: linear-gradient(180deg, #dfbd69, #926f34);
    text-shadow: none;
  }
  .formtitlegold.mobile {
    font-size: 4vw;
    line-height: 5vw;
    text-align: center;
  }
  .paragraphformgold {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
  }
  .paragraphformgold.mmparty {
    font-size: 20px;
  }
  .div-block-14 {
    padding-top: 0vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .backgroundvidroaring {
    height: 40vw;
    margin-top: 11vw;
    background-color: rgba(51, 53, 59, 0);
  }
  .nyebuttontext {
    font-size: 3vw;
    line-height: 3vw;
  }
  .nyeobileimage {
    display: block;
    height: 45vw;
    margin-top: 0vw;
    background-image: url('https://www.murdermysteryco.com/img/lp/Murder-Mystery-Party-clients-around-table.jpg');
    background-position: 0px 0px;
    background-size: 100vw;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  .topsectionmobilenye {
    display: block;
    margin-top: 10.5vw;
    padding-top: 30vw;
    padding-bottom: 30vw;
    background-image: url('https://www.murdermysteryco.com/img/lp/Dover-Hall-Murder-at-the-Mansion-40.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  .topsectionmobilenye.christmas {
    margin-top: 8vw;
    background-image: url('https://www.murdermysteryco.com/img/lp/holiday_background_banner_mobile.jpg');
  }
  .topsectionmobilenye.mmparty {
    margin-top: 6.5vw;
    background-image: url('https://www.murdermysteryco.com/img/lp/MMParty_Top_Section_Mobile.jpg');
  }
  .topsectionmobilenye.christmasb {
    margin-top: 8vw;
    background-image: url('https://www.murdermysteryco.com/img/lp/Audra_OCP_Top_Stylized.jpg');
    background-position: 0% 0%;
    background-size: 131vw;
  }
  .topsectionmobilenye.mmpartyb {
    margin-top: 6.5vw;
    background-image: url('https://www.murdermysteryco.com/img/lp/grand-hotel-murder-mystery-suspect-posed-top-section-bg-mobile.jpg');
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  .topsectionmobilenye.roaring {
    margin-top: 10.5vw;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(2%, #1a2227), color-stop(25%, hsla(0, 0%, 100%, 0))), url('https://www.murdermysteryco.com/img/lp/gatsby_car_section_bg.jpg');
    background-image: linear-gradient(0deg, #1a2227 2%, hsla(0, 0%, 100%, 0) 25%), url('https://www.murdermysteryco.com/img/lp/gatsby_car_section_bg.jpg');
    background-position: 0px 0px, 100% 0%;
    background-size: auto, 145vw;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, scroll;
  }
  .image-22 {
    width: 11vw;
  }
  .bgvidmmp {
    height: 47vw;
    margin-top: 11vw;
    background-color: rgba(51, 53, 59, 0);
  }
  .formtitlemmp {
    font-size: 5vw;
    line-height: 6vw;
  }
  .formtitlemmp.mobile {
    font-size: 4vw;
    line-height: 5vw;
    text-align: center;
  }
  .text-block-18 {
    font-size: 3vw;
    line-height: 4vw;
  }
  .officephone {
    width: 9vw;
  }
  .officephone.roaring {
    width: 9vw;
  }
  .column-35 {
    padding-right: 10vw;
    padding-left: 10vw;
  }
  .officeheading {
    box-shadow: 1px 1px 5px -1px #000;
    font-size: 16px;
    line-height: 20px;
  }
  .officeheading.faqanswer {
    margin-bottom: 10px;
    font-size: 15px;
  }
  .officeheading.faqanswer.mmpb {
    background-color: #0e0b16;
  }
  .officeheading.faqanswer.roaring {
    background-color: #1a2227;
  }
  .officeheading.faqanswer.nyefaq {
    background-color: #502d55;
  }
  .officeheading.mmpb {
    background-color: #e7dfdd;
  }
  .officeheading.roaring {
    background-color: silver;
  }
  .officeheading.roaring {
    background-color: silver;
  }
  .officeheading.roaring {
    background-color: #e7dfdd;
  }
  .officeheading.roaring {
    background-color: silver;
  }
  .officeheading.nye {
    background-color: #e6e0da;
  }
  .officemoneymobile {
    display: block;
    height: 45vw;
    margin-top: 0vw;
    background-image: url('https://www.murdermysteryco.com/img/lp/fundraiser-group-interviewing.jpg');
    background-position: 0px 0px;
    background-size: 100vw;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  .text-span-17 {
    font-size: 3vw;
    line-height: 3vw;
  }
}

@media (max-width: 767px) {
  .navigation {
    padding: 20px 30px;
  }
  .navigation.desktop.landingpage {
    position: fixed;
  }
  .heading-5 {
    width: 26vw;
    font-size: 15px;
    line-height: 18px;
  }
  .button.mmparty {
    margin-right: 5vw;
    margin-left: 5vw;
  }
  .button.christmas {
    margin-right: 5vw;
    margin-left: 5vw;
  }
  .button.mmpartyb {
    margin-right: 5vw;
    margin-left: 5vw;
  }
  .button.mmpartyb._1color.mobile {
    background-color: #4717f6;
    color: #e7dfdd;
  }
  .button.roaring {
    box-shadow: 0 13px 20px -7px #1a2227;
  }
  .button.roaring.mobile {
    box-shadow: 0 0 18px -2px #dfbd69;
  }
  .button.roaring.mobile:hover {
    box-shadow: none;
  }
  .button.roaringvideotopbutton {
    display: none;
  }
  .button.nye {
    margin-right: 5vw;
    margin-left: 5vw;
  }
  .button.nye._1color.mobile {
    background-color: #4717f6;
    color: #e7dfdd;
  }
  .button.nye._1color-copy.mobile {
    background-color: #4717f6;
    color: #e7dfdd;
  }
  .button.nye-copy {
    margin-right: 5vw;
    margin-left: 5vw;
  }
  .button.nye-copy._1color.mobile {
    background-color: #4717f6;
    color: #e7dfdd;
  }
  .button.nye-copy._1color-copy.mobile {
    background-color: #4717f6;
    color: #e7dfdd;
  }
  .button.nye-copy.mobilenye {
    font-size: 5vw;
  }
  .button.topvidmmpbutton {
    display: none;
  }
  .button.roaringmobilebuttontop {
    margin-top: 8vw;
    background-image: linear-gradient(315deg, #dfbd69, #926f34);
    box-shadow: 0 0 18px 8px #1a2227;
  }
  .button.officetop.retry {
    display: none;
  }
  .navigation-wrap.landingpage {
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .logo-image {
    width: 14vw;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .logo-image.roaring {
    width: 16vw;
  }
  .mobilenavctas {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .logo-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0px;
  }
  .intro-header.companyouting.christmas {
    display: none;
  }
  .intro-heading-white.christmas {
    font-size: 4vw;
    line-height: 4vw;
  }
  .intro-heading-white.smokey.office {
    font-size: 5vw;
    line-height: 5vw;
  }
  .intro-heading-white.mmparty {
    font-size: 4vw;
    line-height: 4vw;
  }
  .columns.office {
    padding-right: 0vw;
  }
  .paragraph {
    display: none;
  }
  .paragraph.shortquip {
    margin: 4vw 5vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    font-size: 16px;
    line-height: 22px;
  }
  .paragraph.shortquip.nye {
    font-size: 3vw;
    line-height: 4vw;
  }
  .paragraph.office {
    display: block;
    font-size: 3vw;
    line-height: 7vw;
  }
  .paragraph.officewhite {
    display: block;
    font-size: 3vw;
    line-height: 4vw;
  }
  .text-block {
    font-size: 3vw;
    line-height: 3vw;
  }
  .text-block.christmasc {
    font-size: 2vw;
    line-height: 4vw;
  }
  .section-2.roaring {
    display: block;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dfbd69), to(#926f34));
    background-image: linear-gradient(180deg, #dfbd69, #926f34);
    background-position: 0px 0px;
    background-size: auto;
    background-repeat: repeat;
  }
  .section-2.roaringtopmobile {
    background-image: url('https://www.murdermysteryco.com/img/lp/Art_Deco_Frame.png'), url('https://www.murdermysteryco.com/img/lp/detective-foot-prints.png');
    background-position: 50% 50%, 0px 0px;
    background-size: auto 53vw, cover;
    background-repeat: no-repeat, repeat;
  }
  .form-block {
    margin-top: 5vw;
  }
  .form-block.modalform.christmas {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .form-block.modalform.roaring {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .body {
    background-color: #e7dfdd;
  }
  .paragraph-2 {
    margin-top: 15px;
  }
  .columns-2 {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .columns-2.switched {
    margin-top: 0vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .column-6.switched {
    padding-left: 0px;
  }
  .paragraph-3.switched {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .image {
    display: block;
    width: 100%;
    margin-left: -20px;
  }
  .image.switched {
    display: block;
    width: 100%;
    margin-top: 0px;
    margin-left: -10px;
  }
  .icon_image {
    width: 15vw;
    padding-bottom: 3vw;
  }
  .icon_image.toobig {
    width: 15vw;
  }
  .icon-info-column {
    padding-top: 4vw;
    padding-bottom: 4vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .columns-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .columns-3.space {
    display: none;
    font-size: 14px;
  }
  .textblock1 {
    font-size: 15px;
    line-height: 20px;
  }
  .textblock1.companyouting.whyschedule {
    font-size: 15px;
    line-height: 15px;
  }
  .heading-7 {
    font-size: 22px;
    line-height: 25px;
  }
  .button-5.formbutton.letsgetstarted {
    margin-top: 4vw;
    margin-bottom: 4vw;
  }
  .column-7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .heading-8 {
    font-size: 35px;
    line-height: 35px;
  }
  .paragraph-5 {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 16px;
    line-height: 20px;
  }
  .text-block-5 {
    font-size: 25px;
    line-height: 30px;
  }
  .heading-9 {
    line-height: 1em;
  }
  .paragraph-6 {
    padding-right: 5vw;
    padding-left: 5vw;
  }
  .columns-5 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .paragraph-7 {
    font-size: 1em;
    line-height: 4vw;
  }
  .columns-6.whyschedule {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .column-11 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .intro.mmparty {
    background-color: #e7dfdd;
  }
  .intro.roaring {
    background-color: #1a2227;
  }
  .intro.nye {
    background-color: #e7dfdd;
  }
  .intro.office {
    background-color: #e7dfdd;
  }
  .text-block-6 {
    font-size: 20px;
    line-height: 30px;
  }
  .block-quote {
    font-size: 2.5vw;
    line-height: 3.5vw;
  }
  .column-15 {
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .heading-10 {
    font-size: 4vw;
    line-height: 4vw;
  }
  .paragraph-9 {
    padding-right: 15vw;
    padding-left: 15vw;
    font-size: 13px;
    line-height: 18px;
  }
  .text-block-7 {
    font-size: 20px;
    line-height: 22px;
  }
  .heading-11 {
    line-height: 35px;
  }
  .columns-8 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .column-19 {
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .div-block-6.nye {
    background-color: #502d55;
  }
  .link-5 {
    font-size: 14px;
    line-height: 18px;
  }
  .div-block-7 {
    margin-bottom: 0vw;
  }
  .container-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .image-10 {
    width: 30vw;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .column-20 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .container-6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .text-block-8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .column-21 {
    padding-bottom: 16px;
  }
  .topsectionmobile {
    margin-top: 22vw;
  }
  .topsectionmobile.christmas {
    margin-top: 10vw;
  }
  .topsectionmobile.mmparty {
    margin-top: 8vw;
  }
  .topsectionmobile.christmasb {
    margin-top: 10vw;
  }
  .topsectionmobile.mmpartyb {
    margin-top: 8vw;
  }
  .topsectionmobile.roaring {
    margin-top: 12vw;
    background-image: url('https://www.murdermysteryco.com/img/lp/gatsby_car_section_bg.jpg');
    background-position: 100% 0%;
    background-size: 145vw;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  .topsectionmobile.mmpartyvid {
    display: block;
    margin-top: 0vw;
  }
  .topsectionmobile.office {
    margin-top: 8vw;
  }
  .section-14.roaring {
    background-image: -webkit-gradient(linear, right top, left top, from(#dfbd69), to(#926f34));
    background-image: linear-gradient(270deg, #dfbd69, #926f34);
  }
  .section-14.roaring.mobile {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(26, 34, 39, 0.94)), to(rgba(146, 111, 52, 0.82))), url('https://www.murdermysteryco.com/img/lp/ART_DECO_MOSAIC.jpg');
    background-image: linear-gradient(0deg, rgba(26, 34, 39, 0.94), rgba(146, 111, 52, 0.82)), url('https://www.murdermysteryco.com/img/lp/ART_DECO_MOSAIC.jpg');
    background-position: 0px 0px, 0px 0px;
    background-size: auto, cover;
  }
  .section-14.mmpartyvid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .heading-12.intro-heading-white.roaring.mobile {
    color: #1a2227;
    text-shadow: none;
  }
  .paragraph-10.roaring.mobile {
    color: silver;
    font-size: 5vw;
    line-height: 6vw;
    font-weight: 300;
  }
  .paragraph-11 {
    font-size: 12px;
    line-height: 16px;
  }
  .container-7 {
    padding-top: 0vw;
    padding-bottom: 7vw;
  }
  .image-13 {
    width: 30px;
    font-size: 14px;
  }
  .column-25 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .column-26 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .column-27 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .paragraph-12 {
    font-size: 16px;
    line-height: 22px;
  }
  .paragraph-12.roaringdark {
    color: #1a2227;
    font-size: 18px;
  }
  .columns-3-copy.space {
    font-size: 14px;
  }
  .columns-3-copy.mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .textblock1-copy {
    font-size: 15px;
    line-height: 20px;
  }
  .textblock1-copy.companyouting.whyschedule {
    font-size: 15px;
    line-height: 15px;
  }
  .textblock1-copy {
    font-size: 15px;
    line-height: 20px;
  }
  .textblock1-copy.companyouting.whyschedule {
    font-size: 15px;
    line-height: 15px;
  }
  .textblock1-copy {
    font-size: 3vw;
    line-height: 3vw;
  }
  .textblock1-copy.companyouting.whyschedule {
    font-size: 15px;
    line-height: 15px;
  }
  .intro-header-copy.companyouting-copy.christmas-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-image: url('https://www.murdermysteryco.com/img/lp/murder-mystery-suspect-with-gun-and-detective-on-christmas-style-mobile.jpg');
    background-position: 50% 0%;
    background-size: cover;
  }
  .intro-heading-white-copy.christmas {
    font-size: 4vw;
    line-height: 4vw;
  }
  .intro-heading-white-copy.christmas2-copy {
    font-size: 25px;
    line-height: 25px;
    text-align: center;
  }
  .paragraph-copy.christmas-copy {
    padding-right: 3vw;
    padding-left: 3vw;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
  }
  .sectionchristmasmobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #b71717;
  }
  .container-8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 5vw;
    padding-bottom: 5vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .modalwrapper {
    display: none;
  }
  .modal.mmparty {
    padding-top: 20px;
  }
  .modal.roaring {
    padding-top: 20px;
  }
  .bold-text-2 {
    font-size: 3.5vw;
    line-height: 3.5vw;
  }
  .paragraph-13 {
    display: none;
    font-size: 16px;
    line-height: 20px;
  }
  .paragraph-13.mmparty {
    display: none;
  }
  .image-14 {
    width: 5vw;
  }
  .image-15 {
    position: relative;
    display: block;
    width: 60vw;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  .image-15:hover {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  .image-15.roaring {
    width: 40vw;
  }
  .div-block-9 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0vw;
    padding-bottom: 2vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .text-block-10 {
    margin-right: 0px;
    margin-left: -25px;
    padding: 5px 25px;
    border-radius: 10px;
    background-color: #33353b;
    color: #fff;
    text-align: center;
  }
  .link-block-3 {
    height: auto;
  }
  .formtitlegrey.mobile {
    font-size: 5vw;
  }
  .heading2.christmas {
    font-size: 4vw;
    line-height: 4vw;
  }
  .heading2.mmparty {
    font-size: 5vw;
    line-height: 4vw;
  }
  .heading2.roaring {
    font-size: 4vw;
    line-height: 5vw;
  }
  .heading2.nye {
    font-size: 5vw;
    line-height: 4vw;
  }
  .heading2.roardark {
    color: #1a2227;
    font-size: 4vw;
    line-height: 5vw;
  }
  .heading2.office {
    font-size: 4vw;
    line-height: 4vw;
  }
  .link-6 {
    font-size: 30px;
    line-height: 35px;
  }
  .image-16.roaring {
    width: 10vw;
  }
  .paragraph-14 {
    font-size: 3vw;
    line-height: 4vw;
  }
  .paragraph-14.nye {
    font-size: 4vw;
    line-height: 5vw;
  }
  .text-span-13 {
    font-size: 6vw;
  }
  .link2 {
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
  .heading-13 {
    font-size: 25px;
    line-height: 25px;
  }
  .text-span-14 {
    font-size: 20px;
    line-height: 25px;
  }
  .outrosection.companyouting.christmas {
    display: none;
  }
  .outrosection.faq.mobile {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(8%, #1db4bd), color-stop(32%, rgba(29, 179, 189, 0)));
    background-image: linear-gradient(0deg, #1db4bd 8%, rgba(29, 179, 189, 0) 32%);
    background-position: 0px 0px;
  }
  .outrosection.faq.mobile.mmpb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#0e0b16), color-stop(47%, #1a2227), to(#1a2227));
    background-image: linear-gradient(0deg, #0e0b16, #1a2227 47%, #1a2227);
    background-size: auto;
    background-repeat: repeat;
  }
  .outrosection.faq.mobile.roaring {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#1a2227), color-stop(80%, #1a2227), to(#dfbd69));
    background-image: linear-gradient(0deg, #1a2227, #1a2227 80%, #dfbd69);
    background-size: auto;
    background-repeat: repeat;
  }
  .outrosection.faq.mobile.nye {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0vw;
    padding-bottom: 0vw;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#8e4b71), color-stop(90%, #e7c8b7), to(#e7c8b7));
    background-image: linear-gradient(0deg, #8e4b71, #e7c8b7 90%, #e7c8b7);
    background-size: auto;
    background-repeat: repeat;
  }
  .outrosection.faq.office {
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
    background-repeat: repeat;
  }
  .heading-14 {
    margin-top: 0px;
  }
  .heading-14.roaring {
    color: silver;
  }
  .heading-14.office {
    color: #291d89;
  }
  .columns-12 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .column-29 {
    margin-bottom: 5vw;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .heading-15.faqanswer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0px;
    margin-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .column-31 {
    display: none;
  }
  .column-32 {
    display: none;
  }
  .column-33 {
    display: none;
  }
  .column-34 {
    display: none;
  }
  .image-17 {
    display: block;
    width: 50vw;
    margin-top: -20vw;
  }
  .image-17.nye {
    width: 100vw;
    margin-top: 0vw;
  }
  .div-block-11 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -1px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1db4bd;
  }
  .div-block-11.mobile {
    background-color: #8e4b71;
  }
  .div-block-11.mobile.roaring {
    background-color: #1a2227;
  }
  .div-block-11.office {
    height: 75vw;
    margin-top: 0px;
    background-color: transparent;
    background-image: url('https://www.murdermysteryco.com/img/lp/Teambuilding-top-section-bg-corporate-office-desk-with-suspect-evidence_mobile_1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .image-18 {
    width: 9vw;
  }
  .image-18.roaring {
    width: 11vw;
  }
  .image-18.nye {
    width: 12vw;
  }
  .link-block-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .link-block-6 {
    display: none;
  }
  .link-block-7 {
    display: none;
  }
  .intro-heading-white-c {
    display: none;
  }
  .intro-heading-white-c.christmas {
    font-size: 4vw;
    line-height: 4vw;
  }
  .intro-heading-white-c.mmparty {
    font-size: 4vw;
    line-height: 4vw;
  }
  .paragraph-copy.shortquip {
    margin: 4vw 5vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    font-size: 16px;
    line-height: 22px;
  }
  .paragraph-copy.shortquip {
    margin: 4vw 5vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    font-size: 16px;
    line-height: 22px;
  }
  .paragraph-copy.shortquip {
    margin: 4vw 5vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    font-size: 16px;
    line-height: 22px;
  }
  .paragraph-copy.shortquip {
    margin: 4vw 5vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    font-size: 16px;
    line-height: 22px;
  }
  .formtitlegold.mobile {
    font-size: 5vw;
  }
  .paragraphformgold {
    display: none;
    font-size: 16px;
    line-height: 20px;
  }
  .paragraphformgold.mmparty {
    display: none;
  }
  .div-block-14 {
    display: none;
  }
  .backgroundvidroaring {
    margin-top: 13vw;
  }
  .topsectionmobilenye {
    margin-top: 10vw;
  }
  .topsectionmobilenye.christmas {
    margin-top: 10vw;
  }
  .topsectionmobilenye.mmparty {
    margin-top: 8vw;
  }
  .topsectionmobilenye.christmasb {
    margin-top: 10vw;
  }
  .topsectionmobilenye.mmpartyb {
    margin-top: 8vw;
  }
  .topsectionmobilenye.roaring {
    margin-top: 12vw;
    background-image: url('https://www.murdermysteryco.com/img/lp/gatsby_car_section_bg.jpg');
    background-position: 100% 0%;
    background-size: 145vw;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  .formtitlemmp.mobile {
    font-size: 5vw;
  }
  .text-block-18 {
    font-size: 5vw;
    line-height: 8vw;
  }
  .column-35 {
    padding: 5vw 6vw 10vw;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f4ff), to(#291d89));
    background-image: linear-gradient(180deg, #f0f4ff, #291d89);
  }
  .officeheading.faqanswer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0px;
    margin-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .column-36 {
    display: none;
  }
}

@media (max-width: 479px) {
  .navigation {
    padding-right: 20px;
    padding-left: 20px;
  }
  .heading-5 {
    width: auto;
    font-size: 2.5vw;
    line-height: 2.5vw;
  }
  .menu-button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .menu-button.w--open {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .button.mmparty {
    margin-right: 15px;
    margin-left: 15px;
    font-size: 4vw;
    line-height: 4vw;
  }
  .button.mmplanmyparty {
    font-size: 4vw;
    line-height: 4vw;
  }
  .button.christmas {
    margin-right: 15px;
    margin-left: 15px;
    font-size: 4vw;
    line-height: 4vw;
  }
  .button.christmaspartypricingtopc {
    margin-top: -12vw;
  }
  .button.mmpartyb {
    margin-right: 15px;
    margin-left: 15px;
    font-size: 4vw;
    line-height: 4vw;
  }
  .button.mmpartyb._1color {
    background-color: #e7dfdd;
  }
  .button.roaring.mobile {
    font-size: 5vw;
    line-height: 4vw;
  }
  .button.roaringvideotopbutton {
    margin-top: -14vw;
  }
  .button.nye {
    margin-right: 15px;
    margin-left: 15px;
    font-size: 4vw;
    line-height: 4vw;
  }
  .button.nye._1color {
    background-color: #e7dfdd;
  }
  .button.nye._1color-copy {
    background-color: #e7dfdd;
  }
  .button.nye-copy {
    margin-right: 15px;
    margin-left: 15px;
    font-size: 4vw;
    line-height: 4vw;
  }
  .button.nye-copy._1color {
    background-color: #e7dfdd;
  }
  .button.nye-copy._1color-copy {
    background-color: #e7dfdd;
  }
  .button.topvidmmpbutton {
    margin-top: -12vw;
  }
  .button.roaringmobilebuttontop {
    margin-top: 8vw;
    margin-bottom: 5vw;
  }
  .button.office.office2 {
    padding-right: 5vw;
    padding-left: 5vw;
  }
  .button.damnit {
    font-size: 15px;
    line-height: 15px;
  }
  .navigation-wrap.landingpage {
    padding: 2vw 20px;
  }
  .logo-image {
    width: 25vw;
    padding: 4px;
  }
  .logo-image.roaring {
    width: 24vw;
  }
  .logo-link {
    display: block;
  }
  .menu {
    margin-left: 15px;
  }
  .intro-header.office {
    margin-top: 18vw;
  }
  .intro-heading-white.christmas {
    font-size: 6vw;
    line-height: 6vw;
  }
  .intro-heading-white.mmparty {
    font-size: 6vw;
    line-height: 5vw;
  }
  .paragraph.shortquip {
    margin: 8vw 5vw 8vw 20px;
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-size: 14px;
    line-height: 20px;
  }
  .paragraph.shortquip.nye {
    font-size: 4vw;
    line-height: 5vw;
  }
  .paragraph.christmasb.roaringb {
    margin-top: 2vw;
    font-size: 2vw;
  }
  .paragraph.office {
    font-size: 3.5vw;
    line-height: 8vw;
  }
  .paragraph.officewhite {
    font-size: 4vw;
    line-height: 5vw;
  }
  .text-block {
    font-size: 3.3vw;
    line-height: 3.5vw;
  }
  .text-block.christmasc {
    font-size: 3vw;
    text-align: center;
  }
  .section-2.roaringtopmobile {
    background-image: url('https://www.murdermysteryco.com/img/lp/detective-foot-prints.png');
    background-position: 0px 0px;
    background-size: cover;
    background-repeat: repeat;
  }
  .section-2.office {
    padding-right: 2vw;
    padding-left: 2vw;
  }
  .text-field-2 {
    margin-bottom: 5px;
  }
  .text-field-2.longer {
    height: 45px;
    white-space: normal;
  }
  .text-field-2.longer.hidden {
    display: none;
  }
  .form-block.modalform.christmas {
    padding-right: 0vw;
    padding-left: 0vw;
  }
  .form-block.modalform.roaring {
    padding-right: 0vw;
    padding-left: 0vw;
  }
  .formbutton.christmas {
    font-size: 12px;
  }
  .formbutton.mmparty {
    font-size: 12px;
  }
  .formbutton.roaring {
    font-size: 12px;
  }
  .paragraph-3.switched.centered {
    text-align: center;
  }
  .link1 {
    font-size: 14px;
    line-height: 20px;
  }
  .paragraph-4 {
    margin-top: 3vw;
  }
  .columns-3.space {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .textblock1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 15px;
  }
  .textblock1.companyouting {
    font-size: 3vw;
  }
  .text-block-4 {
    font-size: 16px;
  }
  .link-2 {
    font-size: 16px;
  }
  .div-block-2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .section-5.mmp {
    margin-top: 0px;
  }
  .section-5.roaring {
    margin-top: -9.7vw;
  }
  .section-5.roaringb {
    margin-top: -9.7vw;
  }
  .heading-8 {
    font-size: 30px;
    line-height: 30px;
  }
  .container-2 {
    margin-top: -38px;
  }
  .container-2.mmp {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .container-2.office {
    margin-top: 0px;
  }
  .heading-9 {
    padding-right: 3vw;
    padding-left: 3vw;
    font-size: 1.6em;
  }
  .paragraph-6 {
    font-size: 1em;
    line-height: 1.2em;
  }
  .columns-5 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .column-8 {
    padding-left: 0px;
  }
  .column-9 {
    padding-right: 0px;
  }
  .div-block-3.boxshadowinside {
    margin-right: 0vw;
    margin-bottom: 10px;
  }
  .div-block-4 {
    margin-left: 0vw;
  }
  .paragraph-7 {
    line-height: 5vw;
  }
  .heading-10 {
    font-size: 4vw;
  }
  .text-block-7 {
    padding-right: 25px;
    padding-left: 25px;
  }
  .heading-11 {
    padding-right: 6px;
    padding-left: 6px;
    font-size: 20px;
    line-height: 22px;
  }
  .link-5 {
    font-size: 12px;
  }
  .container-4 {
    line-height: 16px;
  }
  .div-block-7 {
    margin-bottom: 0vw;
  }
  .container-5 {
    padding-bottom: 4vw;
  }
  .container-6 {
    padding-bottom: 3vw;
  }
  .text-block-8 {
    text-align: center;
  }
  .topsectionmobile {
    margin-top: 30vw;
  }
  .topsectionmobile.christmas {
    margin-top: 16vw;
  }
  .topsectionmobile.mmparty {
    margin-top: 16vw;
  }
  .topsectionmobile.christmasb {
    margin-top: 16vw;
  }
  .topsectionmobile.mmpartyb {
    margin-top: 16vw;
  }
  .topsectionmobile.roaring {
    margin-top: 18vw;
  }
  .topsectionmobile.mmpartyvid {
    margin-top: 16vw;
  }
  .topsectionmobile.office {
    margin-top: 16vw;
  }
  .heading-12.intro-heading-white {
    font-size: 5vw;
    line-height: 5vw;
  }
  .heading-12.intro-heading-white.roaring {
    font-size: 6vw;
  }
  .text-span-9 {
    font-size: 6vw;
  }
  .paragraph-10 {
    font-size: 15px;
    line-height: 20px;
  }
  .paragraph-10.roaring.mobile {
    font-size: 7vw;
    line-height: 8vw;
  }
  .columns-9 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .image-13 {
    width: 20px;
  }
  .text-span-10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .paragraph-12 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .paragraph-12.nye {
    font-size: 20px;
    line-height: 30px;
  }
  .columns-3-copy.space {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .textblock1-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 15px;
  }
  .textblock1-copy.companyouting {
    font-size: 3vw;
  }
  .textblock1-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 15px;
  }
  .textblock1-copy.companyouting {
    font-size: 3vw;
  }
  .textblock1-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 15px;
  }
  .textblock1-copy.companyouting {
    font-size: 3vw;
  }
  .intro-heading-white-copy.christmas2-copy {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 5vw;
    line-height: 5vw;
  }
  .paragraph-copy.christmas-copy {
    font-size: 4vw;
    line-height: 6vw;
  }
  .modalwrapper {
    display: none;
  }
  .modal {
    padding-top: 10px;
  }
  .modal.mmparty {
    padding: 0px 25px 30px;
  }
  .modal.roaring {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 25px 30px;
  }
  .bold-text-2 {
    font-size: 16px;
    line-height: 16px;
  }
  .text-block-9 {
    padding-top: 0px;
  }
  .paragraph-13 {
    display: none;
    font-size: 15px;
    line-height: 18px;
  }
  .image-14 {
    width: 7vw;
  }
  .textarea.text-field-2 {
    height: 60px;
    font-size: 12px;
  }
  .image-15 {
    width: 90vw;
    max-width: 85%;
    min-width: 85%;
  }
  .div-block-9 {
    padding-top: 0vw;
    padding-bottom: 2vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .text-block-10 {
    margin-left: 0px;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 10px;
    line-height: 14px;
  }
  .link-block-3 {
    margin-right: -16px;
  }
  .formtitlegrey {
    font-size: 6vw;
    line-height: 9vw;
  }
  .formtitlegrey.mobile {
    display: none;
    font-size: 5vw;
  }
  .button-copy.christmasstartplanning {
    font-size: 4vw;
    line-height: 4vw;
  }
  .button-copy.mmplanmyparty {
    font-size: 4vw;
    line-height: 4vw;
  }
  .buttontextmmparty {
    font-size: 4vw;
    line-height: 4vw;
  }
  .heading2.christmas {
    font-size: 6vw;
    line-height: 5vw;
  }
  .heading2.mmparty {
    font-size: 6vw;
    line-height: 6vw;
  }
  .heading2.roaring {
    font-size: 6vw;
    line-height: 6vw;
  }
  .heading2.nye {
    font-size: 6vw;
    line-height: 6vw;
  }
  .heading2.roardark {
    font-size: 6vw;
    line-height: 6vw;
  }
  .heading2.office {
    margin-top: 15px;
    font-size: 6vw;
    line-height: 6vw;
  }
  .link-6 {
    margin-top: 4vw;
    font-size: 22px;
    line-height: 30px;
  }
  .link-6.roaring {
    font-size: 20px;
  }
  .image-16.roaring {
    width: 12vw;
  }
  .paragraph-14 {
    font-size: 3.5vw;
    line-height: 5vw;
  }
  .paragraph-14.roaring {
    line-height: 5vw;
  }
  .text-span-13 {
    font-size: 7vw;
    line-height: 3vw;
  }
  .text-span-13.roaring {
    line-height: 5vw;
  }
  .text-span-13.office {
    font-size: 5vw;
    line-height: 10vw;
  }
  .link2 {
    padding-top: 6vw;
    padding-bottom: 6vw;
    font-size: 3vw;
  }
  .heading-13 {
    font-size: 19px;
    line-height: 20px;
  }
  .text-span-14 {
    font-size: 18px;
    line-height: 22px;
  }
  .tblock {
    font-size: 5vw;
    line-height: 5vw;
  }
  .heading-14 {
    margin-top: 0px;
    font-size: 30px;
    line-height: 30px;
  }
  .heading-15 {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
  }
  .heading-15.faqanswer {
    font-size: 14px;
    line-height: 18px;
  }
  .column-30 {
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
  .image-18 {
    width: 14vw;
  }
  .image-18.roaring {
    width: 15vw;
  }
  .link-block-5 {
    display: block;
  }
  .buttontextmmpartyb {
    font-size: 4vw;
    line-height: 4vw;
  }
  .buttontextmmpartyb2 {
    font-size: 4vw;
    line-height: 4vw;
  }
  .christmasbgvid {
    height: 56vw;
    margin-top: 16vw;
  }
  .intro-heading-white-c {
    font-size: 2.3vw;
  }
  .intro-heading-white-c.christmas {
    font-size: 6vw;
    line-height: 6vw;
  }
  .intro-heading-white-c.mmparty {
    font-size: 6vw;
    line-height: 5vw;
  }
  .intro-heading-white-c.roaring {
    margin-top: 2.5vw;
    padding-left: 20px;
    font-size: 3vw;
  }
  .paragraph-15 {
    margin-top: 37vw;
  }
  .roaringbutton {
    font-size: 4vw;
    line-height: 4vw;
  }
  .paragraph-copy.shortquip {
    margin: 8vw 5vw 8vw 20px;
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-size: 14px;
    line-height: 20px;
  }
  .paragraph-copy.shortquip {
    margin: 8vw 5vw 8vw 20px;
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-size: 14px;
    line-height: 20px;
  }
  .paragraph-copy.shortquip {
    margin: 8vw 5vw 8vw 20px;
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-size: 14px;
    line-height: 20px;
  }
  .paragraph-copy.shortquip {
    margin: 8vw 5vw 8vw 20px;
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-size: 14px;
    line-height: 20px;
  }
  .formtitlegold.mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 7vw;
    line-height: 7vw;
  }
  .paragraphformgold {
    display: none;
    font-size: 15px;
    line-height: 18px;
  }
  .backgroundvidroaring {
    height: 56vw;
    margin-top: 18vw;
  }
  .nyebuttontext {
    font-size: 4vw;
    line-height: 4vw;
  }
  .topsectionmobilenye {
    margin-top: 10vw;
  }
  .topsectionmobilenye.christmas {
    margin-top: 16vw;
  }
  .topsectionmobilenye.mmparty {
    margin-top: 16vw;
  }
  .topsectionmobilenye.christmasb {
    margin-top: 16vw;
  }
  .topsectionmobilenye.mmpartyb {
    margin-top: 16vw;
  }
  .topsectionmobilenye.roaring {
    margin-top: 18vw;
  }
  .text-block-17 {
    font-size: 20px;
    line-height: 25px;
  }
  .bgvidmmp {
    height: 56vw;
    margin-top: 16vw;
  }
  .formtitlemmp.mobile {
    display: none;
    font-size: 5vw;
  }
  .text-block-18 {
    font-size: 6vw;
    line-height: 10vw;
  }
  .officeheading {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
  }
  .officeheading.faqanswer {
    font-size: 14px;
    line-height: 18px;
  }
  .text-block-22 {
    font-size: 18px;
    line-height: 18px;
  }
  .text-span-17 {
    font-size: 5vw;
    line-height: 5vw;
  }
}