.intro-section__logos-hor {
  position: absolute;
  top: 3.125em;
  left: 3.125em;
  font-size: 12px;
  z-index: 3; }
  .intro-section__logos-hor ul {
    list-style: none; }
  .intro-section__logos-hor li {
    clear: both;
    margin-bottom: 3.125em; }
  .intro-section__logos-hor li:last-child {
    margin: 0; }

.intro-section__logo-hor {
  display: block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-100vh);
  -moz-transform: translateY(-100vh);
  -ms-transform: translateY(-100vh);
  -o-transform: translateY(-100vh);
  transform: translateY(-100vh); }
  .intro-section__logo-hor img {
    visibility: hidden;
    width: 6.375em;
    height: 13.25em;
    display: block;
    opacity: 0; }
  .intro-section__logo-hor.cmh {
    background-image: url("../images/cmh-logo-hor_white.svg");
    animation: introSectionLogoSlideDown 500ms forwards; }
    .intro-section__logo-hor.cmh.fr {
      background-image: url("../images/cmh-logo-hor-fr_white.svg"); }
  .intro-section__logo-hor.cwm {
    background-image: url("../images/cwm-logo-hor_white.svg");
    animation: introSectionLogoSlideDown 500ms 150ms forwards; }
    .intro-section__logo-hor.cwm.fr {
      background-image: url("../images/cwm-logo-hor-fr_white.svg"); }

@keyframes introSectionLogoSlideDown {
  to {
    transform: translateY(0); } }
@keyframes stickerTextExpandIn {
  to {
    width: 100%; } }
@keyframes stickerTextSlideIn {
  to {
    transform: translateX(0);
    opacity: 1; } }
@keyframes introSectionLogoSlideIn {
  to {
    transform: translateX(0); } }
@keyframes introAnimBaseFadeIn {
  to {
    opacity: 1; } }
.lang-handle {
  opacity: 0;
  animation: introAnimBaseFadeIn 2s 0.25s forwards; }

.ca-wordmark {
  opacity: 0;
  animation: introAnimBaseFadeIn 2s 0.5s forwards; }

.intro-section__heading {
  top: 55%;
  left: 50%;
  z-index: 2;
  width: 100%;
  text-align: right;
  position: absolute;
  color: #fff;
  text-transform: uppercase;
  font-family: "futura-pt", Arial;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%); }
  .intro-section__heading div {
    display: table;
    margin: 0 auto; }
  .intro-section__heading span {
    color: #FFFFFF; }
  .intro-section__heading .heading-wrapper {
    overflow: hidden;
    position: relative;
    float: right; }
    .intro-section__heading .heading-wrapper:before {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      content: '';
      width: 100%;
      height: 100%;
      background: #452D9D;
      background: #121E2C;
      background: #080E19;
      background: #000;
      opacity: 0.6;
      z-index: 1;
      width: 0; }
    .intro-section__heading .heading-wrapper:first-child:before {
      animation: stickerTextExpandIn 500ms forwards; }
    .intro-section__heading .heading-wrapper:last-child:before {
      animation: stickerTextExpandIn 500ms 250ms forwards; }
    .intro-section__heading .heading-wrapper:last-child {
      float: left;
      clear: both;
      margin-top: 1px; }
  .intro-section__heading h1 {
    -webkit-transform: translateX(-100vw);
    -moz-transform: translateX(-100vw);
    -ms-transform: translateX(-100vw);
    -o-transform: translateX(-100vw);
    transform: translateX(-100vw);
    animation: stickerTextSlideIn 500ms ease-out forwards;
    position: relative;
    padding: 0.078125em 0.15625em;
    font-size: 8em;
    display: table;
    float: right;
    z-index: 3;
    opacity: 0; }
  .intro-section__heading h2 {
    -webkit-transform: translateX(-100vw);
    -moz-transform: translateX(-100vw);
    -ms-transform: translateX(-100vw);
    -o-transform: translateX(-100vw);
    transform: translateX(-100vw);
    animation: stickerTextSlideIn 500ms ease-out 250ms forwards;
    padding: 0.234375em 0.3125em;
    font-size: 4em;
    position: relative;
    display: table;
    float: left;
    clear: both;
    z-index: 3;
    opacity: 0; }
  .intro-section__heading .slash {
    display: inline-block;
    width: 0.34375em;
    position: relative; }
  .intro-section__heading .slash:before {
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(12deg);
    -moz-transform: translateY(-50%) translateX(-50%) rotate(12deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(12deg);
    -o-transform: translateY(-50%) translateX(-50%) rotate(12deg);
    transform: translateY(-50%) translateX(-50%) rotate(12deg);
    width: 0.09375em;
    background: #fff;
    height: 80%;
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 50%; }

.intro-section {
  position: fixed;
  overflow: hidden;
  background: #2f2f2f;
  height: 100%;
  width: 100%;
  z-index: 2; }

@keyframes introSectionImagesFadeInFinale {
  to {
    opacity: 1; } }
.intro-section__museum-images {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  animation: introSectionImagesFadeInFinale 2.5s forwards;
  position: relative;
  display: table;
  margin: 0 auto;
  opacity: 0;
  top: 50%; }

.intro-section__museum-image {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  margin: 0 1.25em;
  width: calc(50% - 2.5em); }
  .intro-section__museum-image img {
    display: block;
    width: 19.6315789474em;
    height: 26.3157894737em; }
  .intro-section__museum-image:after {
    width: 100%;
    position: absolute;
    display: block;
    height: 100%;
    content: '';
    z-index: 1;
    left: 0;
    top: 0; }
  .intro-section__museum-image.cwm {
    margin-top: 10vh; }

.ca-wordmark {
  background: url("../images/canada-wordmark_white.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 1.875em;
  right: 1.875em;
  display: block;
  z-index: 10; }
  .ca-wordmark:after {
    clear: both;
    content: "";
    display: table; }
  .ca-wordmark img {
    display: block;
    opacity: 0;
    visibility: hidden;
    width: 4.625em;
    height: 1.125em;
    background: red; }

.lang-handle {
  display: block;
  position: absolute;
  z-index: 100;
  top: 1.875em;
  right: 1.875em;
  color: #fff;
  font-family: "futura-pt", Arial;
  font-size: 1em;
  text-decoration: none;
  text-transform: uppercase; }

@media (min-width: 1920px) {
  body {
    font-size: 21px; }

  .intro-section__museum-images {
    font-size: 24px; }

  .intro-section__logos-hor {
    font-size: 16px; } }
@media (max-width: 1440px) {
  .intro-section__logos-hor {
    font-size: 11px; }

  .intro-section__heading {
    font-size: 14px; }

  .intro-section__museum-image img {
    height: 55vh;
    width: auto; } }
@media (max-width: 1024px) {
  .intro-section__museum-image img {
    height: 50vh;
    width: auto; } }
@media (max-width: 900px) {
  .intro-section__logos-hor li {
    clear: none;
    float: left;
    margin-right: 20px; }

  .intro-section__logo-hor img {
    width: 48px;
    height: 100px; }

  .intro-section__heading {
    font-size: 12px; }

  .intro-section__museum-image.cwm {
    margin-top: 0; } }
@media (max-width: 768px) {
  .intro-section__heading {
    font-size: 12px; }

  .intro-section__museum-image img {
    height: 40vh;
    width: auto; } }
@media (max-width: 768px) and (min-height: 900px) {
  .intro-section__museum-image.cwm {
    margin-top: 10vh; } }
@media (max-width: 640px) {
  .intro-section__heading {
    font-size: 7px; }

  .intro-section__logos-hor {
    top: 25px;
    left: 20px; }

  .intro-section__museum-image img {
    max-height: 250px; }

  .intro-section__museum-image.cwm {
    margin-top: 0; } }
@media (max-width: 480px) {
  .lang-handle {
    top: 20px;
    right: 20px;
    font-size: 12px; }

  .intro-section__logo-hor img {
    width: 39px;
    height: 80px; }

  .ca-wordmark {
    bottom: 20px;
    right: 20px; }

  .intro-section__museum-image {
    margin: 0 0.9375em;
    width: calc(50% - 1.875em); } }
/*
@media (max-width:480px) and (min-height:500px) {
	.intro-section__logos {top:30vh;}
}
@media (max-width:480px) and (min-height:750px) {
	.intro-section__museum-images {top:45%;}
	.intro-section__heading {top:45%;}
}
*/
@media (max-height: 450px) and (max-width: 768px) {
  .intro-section__museum-images {
    display: none; }

  .intro-section__heading {
    font-size: 6px; } }
@media (max-width: 480px) and (min-height: 700px) {
  .intro-section {
    height: 80vh; } }

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