@media all and (min-width: 320px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 320px;
    margin-left: 0;
    margin-right: 0;
  }

  .grid-0 {
    grid-template-rows: 2.4fr 0.65fr 1.5fr;
  }

  .grid-1,
  .grid-7 {
    grid-template-columns: 0.25fr 4.75fr 7fr;
  }

  .grid-7-1 {
    grid-template-columns: 0.25fr 6.75fr 5fr;
  }

  .grid-2 {
    grid-template-columns: 0.5fr 4.5fr 7fr;
  }

  .grid-4 {
    grid-template-rows: 0.2fr 0.5fr;
  }

  #menuBtn,
  #menu,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-14,
  .grid-15,
  .grid-16 {
    -webkit-animation: textBlur 4s ease;
    -moz-animation: textBlur 4s ease;
    -ms-animation: textBlur 4s ease;
    -o-animation: textBlur 4s ease;
    animation: textBlur 4s ease;
  }

  #loader {
    display: none;
  }

  .logo {
    max-width: 80%;
  }

  .element {
    position: absolute;
    z-index: -100;
  }

  .element svg {
    max-width: 40%;
    margin-top: -13em;
  }

  .top-text {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .description {
    max-width: 90%;
  }

  .description p,
  .text p,
  .text a {
    font-size: 0.625em;
    letter-spacing: 0.65px;
    line-height: 1em;
  }

  .description p {
    line-height: 1.5em;
  }

  .date h1 {
    font-size: 1.9em;
    letter-spacing: -3.25px;
    line-height: 1.5em;
  }

  .date h1 .kern1 {
    letter-spacing: -5.75px;
  }

  .date h1 .kern2 {
    letter-spacing: -4.5px;
  }

  .details {
    max-width: 70%;
  }

  .details p {
    margin-top: 2em;
  }

  .tix-row {
    margin-top: 1em;
  }

  #menu {
    background: #f2f2f2;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 0;
    text-align: right;
  }

  #menu.active {
    right: 0;
    height: 17em;
  }

  #menuBtn {
    bottom: 0;
    width: 100%;
    height: 4em;
  }

  #menuBtn .button {
    right: 20px;
    bottom: 1.75em;
  }

  #menuBtn.active .button {
    right: 17px;
    bottom: 1.75em;
  }

  #menuBtn a,
  #menu a {
    font-family: "AvenirNext-DemiBold";
    font-size: 0.8em;
    letter-spacing: 2px;
    line-height: 3em;
  }

  .bar1,
  .bar2 {
    width: 20px;
    height: 3px;
    margin: 5px 0;
  }

  .menu-item-wrapper {
    position: absolute;
    top: 0;
    right: 0;
  }

  .menuItem {
    position: relative;
    padding-right: 20px;
    z-index: 101;
  }

  .menu-element {
    top: 0;
    left: 0;
    height: 17em;
  }

  .menu-element svg {
    position: absolute;
    max-width: 35%;
    top: -21.75em;
    left: 0;
  }

  /*//////////////////////////////////////
	  ABOUT - STYLE
	//////////////////////////////////////*/
  .grid-6,
  .grid-13 {
    margin-top: 1em;
  }

  .grid-9 {
    grid-template-rows: 2fr 9fr 1fr;
    margin-top: 1.25em;
  }

  .grid-10 {
    grid-template-rows: 0.5fr 9.5fr 1fr;
    margin-top: 1.25em;
  }

  .grid-13 {
    margin-left: 0;
    margin-right: 0;
  }

  .mirror-element {
    right: -11em;
    top: 24em;
  }

  .mirror-element svg {
    max-width: 40%;
    margin-top: -13em;
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
  }

  #top-row {
    margin-top: 2.5em;
  }

  h2 {
    font-size: 0.85em;
    letter-spacing: 2px;
  }

  h3 {
    font-size: 0.625em;
    letter-spacing: 2px;
  }

  .team-member p {
    font-size: 1.25em;
    letter-spacing: 0px;
    line-height: 1.5em;
  }

  .body-text {
    font-size: 0.85em;
    letter-spacing: 0.1px;
    line-height: 1.5em;
  }

  /*//////////////////////////////////////
	  FOOTER - STYLE
	//////////////////////////////////////*/
  .footer-logo {
    max-width: 35%;
  }

  .footer-wrapper {
    margin-top: 2em;
    margin-bottom: 7em;
    max-width: 100%;
  }

  .footer-description,
  .contact a {
    font-size: 0.85em;
  }

  .footer-description {
    margin-top: 1em;
  }

  .contact {
    margin-top: 2em;
  }

  .siat-wrapper {
    max-width: 20%;
    margin-top: 2em;
  }

  /*//////////////////////////////////////
	  PROGRAM - STYLE
	//////////////////////////////////////*/
  .grid-14 {
    grid-template-columns: 0.25fr 1.5fr 10fr 0.25fr;
  }

  .grid-16 {
    grid-template-columns: 0.25fr 11.75fr;
  }

  .program-container {
    position: relative;
    margin-top: 40%;
    margin-bottom: 5em;
  }

  .interview-container {
    margin-bottom: 5em;
  }

  .program-header {
    margin-bottom: 1.5em;
  }

  .speaker-wrapper {
    margin-top: 1em;
    margin-bottom: 0.4em;
  }

  .interview-wrapper {
    margin-top: 0.5em;
  }

  .speaker-time p {
    font-size: 1em;
    padding-top: 0.25em;
    line-height: 1.1em;
  }

  .speaker-company {
    font-size: 0.625em;
    letter-spacing: 1.5px;
    line-height: 1.5em;
  }

  .speaker-name {
    font-size: 1.375em;
  }

  .arrow-down {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #262626;

    position: relative;
    margin-left: 13em;
    margin-top: -1.5em;
  }

  .content {
    width: 100%;
    margin-bottom: 1em;
  }

  .content p {
    margin-top: 1.25em;
    font-size: 0.9em;
    line-height: 1.5em;
  }

  .speaker-bio,
  .brand {
    margin-top: 1.5em;
  }

  strong {
    line-height: 2.5em;
  }

  .company-logo {
    display: block;
    background-size: 100%;
  }

  #inamotoLogo {
    width: 5em;
    height: 4em;
    margin-top: 2.5em;
  }

  #greenstoneLogo {
    width: 4em;
    height: 4.75em;
    margin-top: 2.5em;
  }

  #engineLogo,
  #rationaleLogo {
    width: 7em;
    height: 2em;
    margin-top: 3.5em;
  }

  #spatialLogo {
    width: 6em;
    height: 2.5em;
    margin-top: 3em;
  }

  #rgaLogo,
  #worksafeLogo {
    width: 6em;
    height: 2em;
    margin-top: 3.5em;
  }

  #civilizationLogo {
    width: 7em;
    height: 2em;
    margin-top: 3em;
  }

  .brand .handles {
    position: relative;
    margin-top: 0;
    line-height: 1.5em;
  }

  .intermission {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .intermission .speaker p {
    padding-top: 0.75em;
    padding-bottom: 0.75em;
  }

  .intermission .speaker-time p {
    padding-top: 0.9em;
    padding-bottom: 0.75em;
  }
}

@media all and (min-width: 360px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 360px;
  }

  .grid-1 {
    grid-template-columns: 0.25fr 4.75fr 6.5fr;
  }

  .grid-2,
  .grid-3 {
    grid-template-columns: 0.5fr 4.5fr 6.5fr;
  }

  .grid-4 {
    grid-template-rows: 0.15fr 0.5fr;
  }

  .element svg {
    max-width: 47.5%;
    margin-top: -12em;
  }

  .date h1 {
    font-size: 2.05em;
    letter-spacing: -3px;
  }

  .date h1 .kern1 {
    letter-spacing: -6px;
  }

  .date h1 .kern2 {
    letter-spacing: -4px;
  }

  .body-text {
    font-size: 0.95em;
    letter-spacing: 0.1px;
    line-height: 1.5em;
  }

  .grid-10 {
    margin-top: 1.5em;
  }

  .mirror-element {
    top: 25em;
  }

  .footer-description,
  .contact a {
    font-size: 0.95em;
  }

  .program-container {
    margin-top: 50%;
  }

  .arrow-down {
    margin-left: 15em;
  }

  .company-logo {
    height: 2.25em;
  }
}

@media all and (min-width: 375px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 375px;
  }

  .grid-0 {
    grid-template-rows: 2.9fr 0.65fr 1.5fr;
  }

  .logo {
    max-width: 80%;
  }

  .element svg {
    max-width: 50%;
    margin-top: -10em;
  }

  .date h1 {
    font-size: 2.1em;
    letter-spacing: -3.75px;
  }

  .date h1 .kern1 {
    letter-spacing: -7.5px;
  }

  .date h1 .kern2 {
    letter-spacing: -6px;
  }

  .details {
    max-width: 75%;
  }

  .tix-row {
    margin-top: 1.4em;
  }

  .description p,
  .text p,
  .text a {
    font-size: 0.7em;
    letter-spacing: 0.75px;
    line-height: 1.5em;
  }

  #menu.active,
  .menu-element {
    height: 19em;
  }

  #menuBtn a,
  #menu a {
    font-size: 0.9em;
  }

  .menu-item-wrapper {
    top: 0.25em;
  }

  .grid-9 {
    grid-template-rows: 2fr 10fr 0fr;
    margin-top: 1.25em;
  }

  .mirror-element {
    top: 27em;
  }

  .body-text {
    font-size: 1em;
  }

  .program-container {
    margin-top: 35%;
  }

  .arrow-down {
    margin-left: 16em;
  }

  .content p {
    font-size: 1em;
    line-height: 1.4em;
  }

  .company-logo {
    height: 2.5em;
  }
}

@media all and (min-width: 411px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 411px;
  }

  .top-text {
    margin-top: 3.25em;
  }

  .details {
    max-width: 70%;
  }

  .date h1 {
    font-size: 2.25em;
    letter-spacing: -3.3px;
  }

  .date h1 .kern1 {
    letter-spacing: -8px;
  }

  .date h1 .kern2 {
    letter-spacing: -5.5px;
  }

  .mirror-element {
    top: 27em;
  }

  .arrow-down {
    margin-left: 17.5em;
  }

  .company-logo {
    height: 2.75em;
  }
}

@media all and (min-width: 414px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 414px;
  }

  .top-text {
    margin-top: 3.5em;
  }

  .logo {
    max-width: 80%;
  }

  .element svg {
    max-width: 55%;
    margin-top: -8em;
  }

  .details {
    max-width: 65%;
  }

  .description p,
  .text p,
  .text a {
    font-size: 0.725em;
    letter-spacing: 0.8px;
    line-height: 1.55em;
  }

  .program-container {
    margin-top: 45%;
  }
}

@media all and (min-width: 480px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 480px;
  }

  .top-text {
    margin-top: 2em;
  }

  .logo {
    max-width: 70%;
    /* margin-left: 1em; */
  }

  .element svg {
    max-width: 60%;
    margin-top: -6.5em;
  }

  .description p,
  .text p,
  .text a {
    font-size: 0.75em;
    letter-spacing: 1px;
    line-height: 1.6em;
  }

  .details {
    max-width: 60%;
  }

  .date h1 {
    font-size: 2.9em;
    letter-spacing: -3.5px;
  }

  .date h1 .kern1 {
    letter-spacing: -9px;
  }

  .date h1 .kern2 {
    letter-spacing: -6px;
  }

  .grid-9 {
    grid-template-rows: 2.5fr 9.5fr 0fr;
  }

  .body-text {
    font-size: 1.15em;
  }

  .team-member p {
    font-size: 1.65em;
  }

  h3 {
    font-size: 0.75em;
  }

  .mirror-element {
    right: -8.5em;
    top: 31em;
  }

  .mirror-element svg {
    max-width: 55%;
  }

  .arrow-down {
    margin-left: 21em;
  }

  .company-logo {
    width: 25%;
  }
}

@media all and (min-width: 600px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 600px;
  }

  .grid-0 {
    grid-template-rows: 2.5fr 0.9fr 0.25fr;
  }

  .grid-1 {
    grid-template-columns: 0.25fr 4.5fr 7.25fr;
  }

  .grid-2,
  .grid-3 {
    grid-template-columns: 0.5fr 4.25fr 7.25fr;
  }

  .logo {
    max-width: 60%;
  }

  .element svg {
    max-width: 70%;
    margin-top: -5em;
  }

  .date h1 {
    font-size: 3.75em;
    letter-spacing: -4px;
  }

  .date h1 .kern1 {
    letter-spacing: -11px;
  }

  .date h1 .kern2 {
    letter-spacing: -7px;
  }

  .description p,
  .text p,
  .text a {
    line-height: 1.5em;
  }

  .details {
    max-width: 80%;
  }

  .footer-logo {
    max-width: 25%;
  }

  .siat-wrapper {
    max-width: 12%;
  }

  .grid-14 {
    grid-template-columns: 0.25fr 1fr 10fr 0.25fr;
  }

  .grid-15 {
    grid-template-columns: 1.55fr 10.45fr;
  }

  .speaker-time p {
    font-size: 1.25em;
    padding-top: 0;
  }

  .speaker-company {
    font-size: 0.7em;
    letter-spacing: 1.7px;
  }

  .speaker-name {
    font-size: 1.5em;
  }

  .arrow-down {
    margin-left: 29em;
  }

  .intermission .speaker p {
    padding-top: 0.9em;
  }

  .company-logo {
    width: 20%;
  }
}

@media all and (min-width: 720px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 720px;
  }

  .logo {
    max-width: 50%;
    margin-left: 4em;
  }

  .element svg {
    max-width: 85%;
    margin-top: -4em;
  }

  .text {
    width: 100%;
  }

  .date h1 {
    font-size: 4.5em;
    letter-spacing: -5px;
    line-height: 1.75em;
  }

  .arrow-down {
    margin-left: 35em;
  }

  .content p {
    font-size: 1em;
    line-height: 1.4em;
  }

  .company-logo {
    width: 15%;
    height: 3em;
  }
}

@media all and (min-width: 768px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 768px;
  }

  .grid-0 {
    grid-template-rows: 3.25fr 1fr 0.5fr;
  }

  .grid-1 {
    grid-template-columns: 5fr 2.75fr 4.25fr;
    grid-gap: 25px;
  }

  .grid-2 {
    grid-template-columns: 0.75fr 4fr 7.25fr;
  }

  .grid-3 {
    grid-template-columns: 0.65fr 4fr 3.5fr 0.1fr 1.25fr 1.5fr;
  }

  #menuBtn,
  #menu,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    -webkit-animation: textBlur 8s ease;
    -moz-animation: textBlur 8s ease;
    -ms-animation: textBlur 8s ease;
    -o-animation: textBlur 8s ease;
    animation: textBlur 8s ease;
  }

  #loader {
    display: block;
  }

  .top-text {
    margin-top: 2.5em;
  }

  .element svg {
    max-width: 90%;
    margin-top: -5.65em;
  }

  .logo {
    max-width: 40%;
    margin-left: 0;
  }

  .description,
  .past {
    max-width: 90%;
  }

  .description p,
  .past a {
    text-align: right;
  }

  .date h1 {
    font-size: 5.15em;
    line-height: 1.5em;
  }

  .date h1 .kern1 {
    letter-spacing: -15px;
  }

  .date h1 .kern2 {
    letter-spacing: -12px;
  }

  .about-wrapper {
    max-width: 70%;
  }

  .mirror-element {
    right: -5.5em;
    top: 6em;
  }

  .mirror-element svg {
    max-width: 70%;
  }

  .body-text {
    font-size: 1em;
  }

  .team-member p {
    font-size: 1em;
    line-height: 1.75em;
  }

  h3 {
    font-size: 0.5em;
  }

  .footer-wrapper {
    margin-bottom: 7em;
  }

  .footer-logo {
    max-width: 12%;
  }

  .footer-description {
    max-width: 50%;
  }

  .footer-description,
  .contact a,
  .contact p {
    font-size: 0.875em;
  }

  .grid-6 {
    grid-template-columns: 0fr 12fr 0fr;
  }

  .grid-12 {
    grid-template-columns: 0.25fr 3.5fr 3.5fr 3.5fr 0.25fr;
  }

  .grid-13 {
    margin-top: 3em;
  }

  .siat-wrapper {
    max-width: 8%;
  }

  .element {
    position: fixed;
  }

  .program-container {
    margin-top: 25%;
  }

  .arrow-down {
    margin-left: 21em;
  }

  .grid-7-1 {
    grid-template-columns: 5.2fr 4fr 3.25fr;
  }

  .grid-14 {
    grid-template-columns: 5fr 0.75fr 5.75fr 0.25fr;
  }

  .grid-15 {
    grid-template-columns: 4.95fr 7.1fr;
  }

  .grid-16 {
    grid-template-columns: 4.95fr 7.15fr;
  }

  .company-logo {
    width: 25%;
  }

  .speaker-wrapper {
    margin-bottom: 0;
  }

  .speaker-bio {
    margin-bottom: 1em;
  }

  .speaker-name {
    font-size: 1.25em;
  }

  .speaker-company {
    font-size: 0.6em;
    line-height: 1.75em;
  }

  .intermission .speaker p {
    padding-top: 1.25em;
  }

  .content p {
    margin-top: 1em;
  }
}

@media all and (min-width: 800px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 800px;
  }

  .date h1 {
    font-size: 5.45em;
    line-height: 1.5em;
  }

  .date h1 .kern1 {
    letter-spacing: -16px;
  }

  .date h1 .kern2 {
    letter-spacing: -13px;
  }

  .description,
  .past {
    text-align: right;
  }

  .past {
    max-width: 70%;
  }

  .speaker-wrapper {
    margin-bottom: 0;
  }

  .speaker-wrapper.intermission {
    margin-bottom: 2em;
  }

  .intermission .speaker-time p {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }

  .intermission .speaker p {
    padding-top: 0.85em;
  }

  .arrow-down {
    margin-left: 22em;
  }
}

@media all and (min-width: 880px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 880px;
  }

  .grid-0 {
    grid-template-rows: 2.7fr 1fr 0.5fr;
  }

  .grid-3 {
    grid-template-columns: 0.6fr 4fr 3.55fr 0.1fr 1.25fr 1.5fr;
  }

  .logo {
    max-width: 40%;
  }

  .date h1 {
    font-size: 6em;
  }

  .date h1 .kern1 {
    letter-spacing: -18px;
  }

  .date h1 .kern2 {
    letter-spacing: -12px;
  }
}

@media all and (min-width: 960px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 960px;
  }

  .grid-0 {
    grid-template-rows: 3fr 0.15fr 0.4fr;
  }

  .grid-1 {
    grid-template-columns: 3.9fr 3fr 4.7fr;
    grid-gap: 5px;
  }

  .grid-2 {
    grid-template-columns: 0.75fr 3fr 8.25fr;
  }

  .grid-3 {
    grid-template-columns: 1fr 2.1fr 3.5fr 0.1fr 1.25fr 1.5fr;
  }

  .grid-8 {
    grid-template-columns: 0.25fr 11fr 0.54fr;
  }

  .top-text {
    margin-top: 2em;
    margin-bottom: 3em;
  }

  .body-text {
    font-size: 1em;
  }

  .team-member p {
    font-size: 1em;
    line-height: 1.75em;
  }

  .logo {
    max-width: 35%;
  }

  .element svg {
    max-width: 85%;
    margin-top: -6em;
  }

  .date h1 {
    font-size: 7em;
    letter-spacing: -6.5px;
    line-height: 1.25em;
    margin-left: -0.025em;
  }

  .date h1 .kern1 {
    letter-spacing: -21px;
  }

  .date h1 .kern2 {
    letter-spacing: -14px;
  }

  .details p {
    margin-top: 1em;
  }

  .description {
    max-width: 80%;
    margin-left: 0;
  }

  .mirror-element {
    right: 1.75em;
    top: 13.25em;
  }

  .mirror-element svg {
    max-width: 90%;
  }

  .about-wrapper {
    max-width: 51%;
  }

  .grid-5 {
    grid-template-columns: 0.28fr 11.2fr 0.25fr;
  }

  .grid-7 {
    grid-template-columns: 0.25fr 3.25fr 7fr;
  }

  .grid-7-1 {
    grid-template-columns: 4fr 5.7fr 2.5fr;
  }

  .grid-7 .logo {
    margin-left: -0.1em;
  }

  .grid-9 {
    grid-template-rows: 2.5fr 8fr 1fr;
  }

  .grid-12 {
    grid-template-columns: 0.25fr 2.5fr 3fr 3fr 3.25fr;
  }

  .grid-14 {
    grid-template-columns: 3.4fr 0.5fr 6.05fr 0.25fr;
  }

  .grid-15,
  .grid-16 {
    grid-template-columns: 3.5fr 7.3fr;
  }

  #overlay,
  #menuBtn,
  #menuBtn .button,
  .menu-element,
  .menu-item-wrapper span {
    display: none;
  }

  #menuBtn,
  #menu {
    -webkit-animation: menuEnter 8s ease;
    -moz-animation: menuEnter 8s ease;
    -ms-animation: menuEnter 8s ease;
    -o-animation: menuEnter 8s ease;
    animation: menuEnter 8s ease;
  }

  #menu {
    background-image: -webkit-linear-gradient(-90deg, #f2f2f2, #fff);
    background-image: -moz-linear-gradient(-90deg, #f2f2f2, #fff);
    background-image: -ms-linear-gradient(-90deg, #f2f2f2, #fff);
    background-image: -o-linear-gradient(-90deg, #f2f2f2, #fff);
    background-image: linear-gradient(-90deg, #f2f2f2, #fff);

    background-repeat: no-repeat;

    position: fixed;
    bottom: -1.9em;
    right: 1.9em;
    width: 100vh;
    height: 3.75em;
    text-align: left;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transform-origin: right;
  }

  #menu a {
    font-size: 0.6em;
  }

  .menu-item-wrapper {
    top: 1em;
    left: 2.2em;
  }

  .menuItem {
    display: inline-block;
  }

  .menuTix a {
    color: #cc0a21;
  }

  /* .menuLeft {
		position: fixed;
		left: 2.25em;
	} */

  .siat-wrapper {
    max-width: 6%;
  }

  .footer-wrapper {
    margin-bottom: 5em;
  }

  .footer-description {
    max-width: 40%;
    margin-top: 2em;
  }

  .contact {
    margin-top: 1em;
  }

  .arrow-down {
    margin-left: 29em;
  }

  .speaker-bio {
    max-width: 90%;
  }

  .program-container {
    margin-top: 20%;
  }

  .company-logo {
    max-width: 15%;
  }
}

@media all and (min-width: 1024px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 1024px;
  }

  .grid-0 {
    grid-template-rows: 0.75fr -0.75fr 0.2fr;
  }

  .grid-1 {
    grid-template-columns: 4fr 3.5fr 4.5fr;
    grid-gap: 5px;
  }

  .grid-2 {
    grid-template-columns: 0.75fr 3fr 8.25fr;
  }

  .logo {
    max-width: 30%;
    margin-left: 0;
  }

  .element svg {
    max-width: 90%;
    margin-top: -5.2em;
  }

  .date h1 {
    font-size: 7.8em;
    letter-spacing: -9.5px;
    line-height: 1.15em;
    margin-left: -0.025em;
  }

  .date h1 .kern1 {
    letter-spacing: -25px;
  }

  .date h1 .kern2 {
    letter-spacing: -17px;
  }

  .details p {
    margin-top: 1em;
  }

  .about-wrapper {
    max-width: 54%;
  }

  .menuLeft {
    left: 2.4em;
  }

  .arrow-down {
    margin-left: 31em;
  }

  .speaker-time p {
    font-size: 1.1em;
    padding-top: 0.1em;
  }

  .company-logo {
    max-width: 20%;
  }
}

@media all and (min-width: 1150px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 1150px;
  }

  .grid-0 {
    grid-template-rows: 2.5fr 0fr 0.165fr;
  }

  .grid-3 {
    grid-template-columns: 1fr 2fr 3.35fr 0.1fr 1.25fr 1.5fr;
  }

  .grid-5 {
    grid-template-columns: 0.27fr 11.2fr 0.25fr;
  }

  .date h1 {
    font-size: 8.85em;
  }

  .date h1 .kern1 {
    letter-spacing: -28px;
  }

  .date h1 .kern2 {
    letter-spacing: -19px;
  }

  .description {
    max-width: 75%;
    margin-left: 2em;
  }

  .about-wrapper {
    max-width: 40%;
  }

  .grid-12 {
    grid-template-columns: 0.25fr 2.2fr 2.5fr 2.5fr 4.25fr;
  }

  .footer-logo {
    max-width: 10%;
  }

  .siat-wrapper {
    max-width: 5%;
  }

  .menuLeft {
    left: 2.65em;
  }

  .grid-14 {
    grid-template-columns: 3.35fr 0.5fr 6fr 0.25fr;
  }

  .grid-15 {
    grid-template-columns: 3.4fr 7.15fr;
  }

  .arrow-down {
    margin-left: 36em;
  }
}

@media all and (min-width: 1280px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 1280px;
  }

  .grid-0 {
    grid-template-rows: 2.5fr 0fr 0.165fr;
  }

  .grid-1 {
    grid-template-columns: 3.75fr 3.75fr 4.5fr;
  }

  .grid-2 {
    grid-template-columns: 0.75fr 2.75fr 8.5fr;
  }

  .grid-3 {
    grid-template-columns: 1fr 1.7fr 3.35fr 0.1fr 1.25fr 1.5fr;
  }

  .logo {
    max-width: 30%;
  }

  .description {
    max-width: 65%;
    margin-left: 5.5em;
  }

  .element svg {
    max-width: 100%;
    margin-top: -5em;
  }

  .date h1 {
    font-size: 10.25em;
    letter-spacing: -11px;
    line-height: 1em;
  }

  .date h1 .kern1 {
    letter-spacing: -32px;
  }

  .date h1 .kern2 {
    letter-spacing: -20px;
  }

  .menu-item-wrapper {
    right: 2.5em;
  }

  .mirror-element {
    top: 14em;
  }

  .mirror-element svg {
    max-width: 90%;
  }

  .about-wrapper {
    max-width: 45%;
  }

  .grid-9 {
    grid-template-rows: 2.5fr 7fr 1fr;
  }

  .grid-12 {
    grid-template-columns: 0.275fr 2fr 2.25fr 3fr 4.5fr;
  }

  .menuLeft {
    left: 2.75em;
  }

  .footer-description {
    max-width: 33%;
  }

  .grid-7-1 {
    grid-template-columns: 3.5fr 5.5fr 2.5fr;
  }

  .grid-14 {
    grid-template-columns: 3fr 0.5fr 6fr 0.25fr;
  }

  .grid-15,
  .grid-16 {
    grid-template-columns: 3.25fr 7.5fr;
  }

  .program-container {
    margin-top: 15%;
  }

  .arrow-down {
    margin-left: 41em;
  }

  .company-logo {
    max-width: 15%;
  }

  .speaker-bio {
    max-width: 70%;
  }
}

@media all and (min-width: 1366px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 1366px;
  }

  .grid-0 {
    grid-template-rows: 2.25fr 0fr 0.165fr;
  }

  .grid-1 {
    grid-template-columns: 3.5fr 4fr 4.5fr;
  }

  .grid-2 {
    grid-template-columns: 0.75fr 2.5fr 8.75fr;
  }

  .grid-3 {
    grid-template-columns: 1fr 1.4fr 3.3fr 0.1fr 1.25fr 1.5fr;
  }

  .logo {
    max-width: 25%;
  }

  .date h1 {
    font-size: 11.3em;
    letter-spacing: -12px;
    margin-left: -0.035em;
  }

  .date h1 .kern1 {
    letter-spacing: -35px;
  }

  .date h1 .kern2 {
    letter-spacing: -21px;
  }

  .description {
    max-width: 100%;
    margin-left: -5em;
  }

  .mirror-element {
    right: 2.75em;
    top: 13.75em;
  }

  .mirror-element svg {
    max-width: 95%;
  }

  .menuLeft {
    left: 2.9em;
  }

  .about-wrapper {
    max-width: 42%;
  }

  .grid-7-1 {
    grid-template-columns: 3.25fr 5.75fr 2.5fr;
  }

  .grid-14 {
    grid-template-columns: 2.75fr 0.3fr 6.35fr 0.25fr;
  }

  .grid-15,
  .grid-16 {
    grid-template-columns: 3fr 7.75fr;
  }

  .arrow-down {
    margin-left: 50em;
  }
}

@media all and (min-width: 1440px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 1440px;
  }

  .grid-0 {
    grid-template-rows: 2.05fr 0fr 0.165fr;
  }

  .grid-8 {
    grid-template-columns: 0.25fr 11fr 0.375fr;
  }

  .grid-12 {
    grid-template-columns: 0.27fr 2fr 2.25fr 3fr 4.5fr;
  }

  .element svg {
    max-width: 100%;
    margin-top: -7em;
  }

  .description {
    margin-left: -5em;
  }

  .date h1 {
    font-size: 12.05em;
    letter-spacing: -13px;
  }

  .date h1 .kern1 {
    letter-spacing: -37px;
  }

  .date h1 .kern2 {
    letter-spacing: -25px;
  }

  .about-wrapper {
    max-width: 40%;
  }

  .arrow-down {
    margin-left: 52em;
  }
}

@media all and (min-width: 1680px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 1680px;
  }
}

@media all and (min-width: 1920px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 1920px;
  }
}

@media all and (min-width: 2560px) {
  .grid-0,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-7-1,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-13,
  .grid-14,
  .grid-15,
  .grid-16 {
    max-width: 2560px;
  }
}