@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700&display=swap");
@import url("https://use.typekit.net/bzy7sah.css");
@font-face {
  font-family: "Didot";
  src: url("../fonts/didot/Didot.eot?#iefix") format("embedded-opentype"), url("../fonts/didot/Didot.woff") format("woff"), url("../fonts/didot/Didot.ttf") format("truetype"), url("../fonts/didot/Didot.svg#DietDidotItalic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Didot";
  src: url("../fonts/didot/Didot-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/didot/Didot-Italic.woff") format("woff"), url("../fonts/didot/Didot-Italic.ttf") format("truetype");
  /*url('../fonts/didot/Didot-Italic.svg#DietDidotItalic') format('svg');*/
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Didot";
  src: url("../fonts/didot/Didot-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/didot/Didot-Bold.woff") format("woff"), url("../fonts/didot/Didot-Bold.ttf") format("truetype");
  /*url('../fonts/didot/Didot-Bold.svg#DietDidotItalic') format('svg')*/
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Medium.eot");
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Medium.woff2") format("woff2"), url("../fonts/helvetica_neue_5/HelveticaNeue-Medium.woff") format("woff"), url("../fonts/helvetica_neue_5/HelveticaNeue-Medium.ttf") format("truetype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Medium.svg#HelveticaNeue-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Thin.eot");
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Thin.woff2") format("woff2"), url("../fonts/helvetica_neue_5/HelveticaNeue-Thin.woff") format("woff"), url("../fonts/helvetica_neue_5/HelveticaNeue-Thin.ttf") format("truetype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Thin.svg#HelveticaNeue-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Light.eot");
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Light.woff2") format("woff2"), url("../fonts/helvetica_neue_5/HelveticaNeue-Light.woff") format("woff"), url("../fonts/helvetica_neue_5/HelveticaNeue-Light.ttf") format("truetype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Light.svg#HelveticaNeue-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-BlackCond.eot");
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-BlackCond.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neue_5/HelveticaNeue-BlackCond.woff2") format("woff2"), url("../fonts/helvetica_neue_5/HelveticaNeue-BlackCond.woff") format("woff"), url("../fonts/helvetica_neue_5/HelveticaNeue-BlackCond.ttf") format("truetype"), url("../fonts/helvetica_neue_5/HelveticaNeue-BlackCond.svg#HelveticaNeue-BlackCond") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-ThinItalic.eot");
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neue_5/HelveticaNeue-ThinItalic.woff2") format("woff2"), url("../fonts/helvetica_neue_5/HelveticaNeue-ThinItalic.woff") format("woff"), url("../fonts/helvetica_neue_5/HelveticaNeue-ThinItalic.ttf") format("truetype"), url("../fonts/helvetica_neue_5/HelveticaNeue-ThinItalic.svg#HelveticaNeue-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Condensed.eot");
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Condensed.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Condensed.woff2") format("woff2"), url("../fonts/helvetica_neue_5/HelveticaNeue-Condensed.woff") format("woff"), url("../fonts/helvetica_neue_5/HelveticaNeue-Condensed.ttf") format("truetype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Condensed.svg#HelveticaNeue-Condensed") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Bold.eot");
  src: url("../fonts/helvetica_neue_5/HelveticaNeue-Condensed.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Bold.woff2") format("woff2"), url("../fonts/helvetica_neue_5/HelveticaNeue-Bold.woff") format("woff"), url("../fonts/helvetica_neue_5/HelveticaNeue-Bold.ttf") format("truetype"), url("../fonts/helvetica_neue_5/HelveticaNeue-Bold.svg#HelveticaNeue-Condensed") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-Th.eot");
  src: url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-Th.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-Th.woff2") format("woff2"), url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-Th.woff") format("woff"), url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-Th.ttf") format("truetype"), url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-Th.svg#HelveticaNeueLTStd-Th") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-ThCn.eot");
  src: url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-ThCn.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-ThCn.woff2") format("woff2"), url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-ThCn.woff") format("woff"), url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-ThCn.ttf") format("truetype"), url("../fonts/helvetica_neue_lts/HelveticaNeueLTStd-ThCn.svg#HelveticaNeueLTStd-ThCn") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JuanaThinItalic";
  src: url("../fonts/webFonts/JuanaThinItalic/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaThinItalic/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "JuanaAltBlack";
  src: url("../fonts/webFonts/JuanaAltBlack/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaAltBlack/font.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JuanaAltThin";
  src: url("../fonts/webFonts/JuanaAltThin/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaAltThin/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "JuanaExtraLightItalic";
  src: url("../fonts/webFonts/JuanaExtraLightItalic/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaExtraLightItalic/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "JuanaAltMedium";
  src: url("../fonts/webFonts/JuanaAltMedium/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaAltMedium/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "JuanaAltBold";
  src: url("../fonts/webFonts/JuanaAltBold/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaAltBold/font.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JuanaMediumItalic";
  src: url("../fonts/webFonts/JuanaMediumItalic/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaMediumItalic/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "JuanaBoldItalic";
  src: url("../fonts/webFonts/JuanaBoldItalic/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaBoldItalic/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "JuanaLightItalic";
  src: url("../fonts/webFonts/JuanaLightItalic/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaLightItalic/font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "JuanaAltLight";
  src: url("../fonts/webFonts/JuanaAltLight/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaAltLight/font.woff") format("woff");
}
@font-face {
  font-family: "JuanaAltSemiBold";
  src: url("../fonts/webFonts/JuanaAltSemiBold/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaAltSemiBold/font.woff") format("woff");
}
@font-face {
  font-family: "JuanaAltExtraLight";
  src: url("../fonts/webFonts/JuanaAltExtraLight/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaAltExtraLight/font.woff") format("woff");
}
@font-face {
  font-family: "JuanaRegularItalic";
  src: url("../fonts/webFonts/JuanaRegularItalic/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaRegularItalic/font.woff") format("woff");
}
@font-face {
  font-family: "JuanaAltRegular";
  src: url("../fonts/webFonts/JuanaAltRegular/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaAltRegular/font.woff") format("woff");
}
@font-face {
  font-family: "JuanaBlackItalic";
  src: url("../fonts/webFonts/JuanaBlackItalic/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaBlackItalic/font.woff") format("woff");
}
@font-face {
  font-family: "JuanaSemiBoldItalic";
  src: url("../fonts/webFonts/JuanaSemiBoldItalic/font.woff2") format("woff2"), url("../fonts/webFonts/JuanaSemiBoldItalic/font.woff") format("woff");
}
@font-face {
  font-family: "Adobe Clean";
  src: url("../fonts/adobe/AdobeClean-Black.eot");
  src: url("../fonts/adobe/AdobeClean-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/adobe/AdobeClean-Black.woff2") format("woff2"), url("../fonts/adobe/AdobeClean-Black.woff") format("woff"), url("../fonts/adobe/AdobeClean-Black.ttf") format("truetype"), url("../fonts/adobe/AdobeClean-Black.svg#AdobeClean-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Adobe Clean";
  src: url("../fonts/adobe/AdobeClean-Bold.eot");
  src: url("../fonts/adobe/AdobeClean-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/adobe/AdobeClean-Bold.woff2") format("woff2"), url("../fonts/adobe/AdobeClean-Bold.woff") format("woff"), url("../fonts/adobe/AdobeClean-Bold.ttf") format("truetype"), url("../fonts/adobe/AdobeClean-Bold.svg#AdobeClean-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Adobe Clean";
  src: url("../fonts/adobe/AdobeClean-ExtraBold.eot");
  src: url("../fonts/adobe/AdobeClean-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/adobe/AdobeClean-ExtraBold.woff2") format("woff2"), url("../fonts/adobe/AdobeClean-ExtraBold.woff") format("woff"), url("../fonts/adobe/AdobeClean-ExtraBold.ttf") format("truetype"), url("../fonts/adobe/AdobeClean-ExtraBold.svg#AdobeClean-ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Adobe Clean";
  src: url("../fonts/adobe/AdobeClean-Light.eot");
  src: url("../fonts/adobe/AdobeClean-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/adobe/AdobeClean-Light.woff2") format("woff2"), url("../fonts/adobe/AdobeClean-Light.woff") format("woff"), url("../fonts/adobe/AdobeClean-Light.ttf") format("truetype"), url("../fonts/adobe/AdobeClean-Light.svg#AdobeClean-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Adobe Clean";
  src: url("../fonts/adobe/AdobeClean-Regular.eot");
  src: url("../fonts/adobe/AdobeClean-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/adobe/AdobeClean-Regular.woff2") format("woff2"), url("../fonts/adobe/AdobeClean-Regular.woff") format("woff"), url("../fonts/adobe/AdobeClean-Regular.ttf") format("truetype"), url("../fonts/adobe/AdobeClean-Regular.svg#AdobeClean-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Acid Grotesk";
  src: url("../fonts/acid/AcidGrotesk-Light.eot");
  src: url("../fonts/acid/AcidGrotesk-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/acid/AcidGrotesk-Light.woff2") format("woff2"), url("../fonts/acid/AcidGrotesk-Light.woff") format("woff"), url("../fonts/acid/AcidGrotesk-Light.ttf") format("truetype"), url("../fonts/acid/AcidGrotesk-Light.svg#AcidGrotesk-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Acid Grotesk";
  src: url("../fonts/acid/AcidGrotesk-Medium.eot");
  src: url("../fonts/acid/AcidGrotesk-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/acid/AcidGrotesk-Medium.woff2") format("woff2"), url("../fonts/acid/AcidGrotesk-Medium.woff") format("woff"), url("../fonts/acid/AcidGrotesk-Medium.ttf") format("truetype"), url("../fonts/acid/AcidGvrotesk-Medium.svg#AcidGrotesk-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kitsune";
  src: url("../fonts/kitsune/Kitsune-Light.eot");
  src: url("../fonts/kitsune/Kitsune-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/kitsune/Kitsune-Light.woff2") format("woff2"), url("../fonts/kitsune/Kitsune-Light.woff") format("woff"), url("../fonts/kitsune/Kitsune-Light.ttf") format("truetype"), url("../fonts/kitsune/Kitsune-Light.svg#Kitsune-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
html, body {
  font-family: "Acid Grotesk", sans-serif;
  font-weight: 100;
  background-color: white;
}

._text_header_h1 {
  line-height: 3.6rem;
}
._text_header_h1 ._repl div {
  display: inline-block;
  font-size: 3.333rem;
  font-weight: 300;
}

._f_juana {
  font-family: "Acid Grotesk", sans-serif;
}

._f_adobe {
  font-family: "Adobe Clean", sans-serif;
}

._fw_black {
  font-weight: 900;
}

._fs120 {
  font-size: 6.25vw;
}

._fs70 {
  font-size: 70px;
}

._fs40 {
  font-size: 2.167vw;
}

._fs35 {
  font-size: 35px;
}

._fs24 {
  font-size: 24px;
}

._fs20 {
  font-size: 20px;
}

._fs16 {
  font-size: 16px;
}

._description_one p {
  font-family: "Acid Grotesk", sans-serif;
  font-weight: 300;
  font-size: 1rem;
}
._description_one h6 {
  font-family: "Acid Grotesk", sans-serif;
  font-weight: 100;
  font-size: 1.667rem;
}

._line {
  margin-top: 100%;
  width: 85%;
  height: 2px;
  display: block;
  background-color: white;
}
._line._black {
  background-color: black;
  margin-top: 22%;
  margin-left: auto;
  width: 80%;
}

._section_colour {
  padding: 12% 30px 8%;
  margin-top: 14%;
  margin-bottom: 14%;
}
._section_colour._rose {
  background-color: #F85858;
}
._section_colour._rose p {
  font-family: "Acid Grotesk", sans-serif;
  font-size: 2.917rem;
  line-height: 3.714rem;
}
._section_colour._rose h2 {
  font-family: "Acid Grotesk", sans-serif;
  font-weight: 100;
  font-size: 1.667rem;
}

._spacer_y_140 {
  padding: 14% 0;
}

._space_bottom {
  padding-bottom: 10%;
}

._spacer_generic {
  padding: 10% 0;
}

._spacer_desktop {
  padding: 10% 0;
}

._bg_gray {
  background-color: #F5F5F5;
}

._bg_blue {
  background-color: #6BBBCC;
}

._sec_prompt {
  cursor: url("../img/projects/summer/cursor.png") 12 12, auto;
  text-align: right;
}
._sec_prompt ._prompt_content {
  display: block;
  position: relative;
  max-width: 500px;
  margin: auto;
}
._sec_prompt ._prompt_content ._title {
  font-family: "Adobe Clean", sans-serif;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 900;
  color: #707070;
  text-align: left;
}
._sec_prompt ._prompt_content ._box {
  display: block;
  position: relative;
  border: 3px solid #DEDEDE;
  border-radius: 16px;
  padding: 35px;
  margin: 16px auto 26px;
  text-align: left;
  text-wrap: balance;
}
._sec_prompt ._prompt_content ._box ._red {
  color: #eb1000;
}
._sec_prompt ._prompt_content ._box ._fade span._27, ._sec_prompt ._prompt_content ._box ._fade span._28, ._sec_prompt ._prompt_content ._box ._fade span._29, ._sec_prompt ._prompt_content ._box ._fade span._30, ._sec_prompt ._prompt_content ._box ._fade span._31, ._sec_prompt ._prompt_content ._box ._fade span._32 {
  color: #eb1000;
}
._sec_prompt ._prompt_content .btn {
  border-radius: 16px;
  border-style: solid;
  border-width: 2px;
  font-size: 14px;
  font-weight: bold;
  font-family: "Adobe Clean", sans-serif;
  height: auto;
  min-height: 32px;
  min-width: 72px;
  padding: 3px 14px 5px;
  background-color: #4A54CE;
  border-color: #4A54CE;
  color: #fff;
  transition-duration: 0.2s;
  cursor: url("../img/projects/summer/cursor.png") 12 12, auto;
  transform-origin: center bottom 0px;
  transform: matrix(1, 0, 0, 1, 0, 0);
  perspective: 1000px;
  text-decoration: none;
  display: inline-block;
}
._sec_prompt ._prompt_content ._pressed {
  transform: matrix(0.95, 0, 0, 0.95, 0, 0);
}

.fade {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  text-transform: uppercase;
  font-size: 2.5em;
  color: #d54040;
  text-align: left;
  width: 260px;
}

.fadeInDown {
  opacity: 0;
  -webkit-animation: fadeInDown 1s;
  animation: fadeInDown 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

._summer {
  margin: auto;
}
._summer ._videoWrapper video {
  width: 100%;
  height: auto;
}
._summer .img-fluid {
  width: 100%;
}

.parallax {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

.parallax-layer {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  background-color: rgba(255, 255, 255, 0.5);
  transform: translate(-50%, -50%);
  transition: transform 0.5s ease-in-out;
}

.layer1 {
  background-image: url("../img/projects/summer/summer_connection_event_5.jpg");
}

.layer2 {
  background-image: url("../img/projects/summer/summer_connection_event_6.jpg");
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@media screen and (min-width: 1900px) {
  ._line {
    margin-top: 74%;
  }
  ._media._1 {
    height: 1100px;
  }
}
@media screen and (max-width: 500px) {
  ._text_header_h1 {
    font-size: 50px;
  }
  ._text_header_h1 ._repl div {
    font-size: 26px;
  }
  ._section_colour {
    margin: 0 auto;
  }
  ._section_colour._rose p {
    font-size: 25px;
    line-height: 1.4;
  }
  ._line {
    margin-top: 90%;
  }
  ._line._black {
    margin-top: 100%;
    width: 100%;
  }
  ._fs120 {
    font-size: 100px;
    line-height: 1;
  }
  ._fs70 {
    font-size: 50px;
    line-height: 1;
  }
  ._fs40 {
    font-size: 36px;
  }
  ._fs35 {
    font-size: 22px;
  }
  ._my_blue {
    margin: 14% auto;
  }
  ._spacer_desktop {
    padding: 0;
  }
  ._sec_prompt ._prompt_content ._box {
    padding: 40px 15px;
  }
}

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