@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 .65fr 1.5fr;
	}

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

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

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

	.grid-4 {
		grid-template-rows: .2fr .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: .625em;
		letter-spacing: .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: .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: .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: .85em;
		letter-spacing: 2px;
	}

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

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

	.body-text {
		font-size: .85em;
		letter-spacing: .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: .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: .25fr 1.5fr 10fr .25fr;
	}

	.grid-16 {
		grid-template-columns: .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: .4em;
	}

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

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

	.speaker-company {
		font-size: .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: .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: .75em;
		padding-bottom: .75em;
	}

	.intermission .speaker-time p {
		padding-top: .9em;
		padding-bottom: .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: .25fr 4.75fr 6.5fr;
	}

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

	.grid-4 {
		grid-template-rows: .15fr .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: .95em;
		letter-spacing: .1px;
		line-height: 1.5em;
	}

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

	.mirror-element {
		top: 25em;
	}

	.footer-description, .contact a {
		font-size: .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 .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: .75px;
		line-height: 1.5em;
	}

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

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

	.menu-item-wrapper {
		top: .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: .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: .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 .9fr .25fr;
	}

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

	.grid-2, .grid-3 {
			grid-template-columns: .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: .25fr 1fr 10fr .25fr;
	}

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

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

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

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

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

	.intermission .speaker p {
		padding-top: .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: .75fr 4fr 7.25fr;
	}

	.grid-3 {
			grid-template-columns: .65fr 4fr 3.5fr .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: .5em;
	}

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

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

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

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

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

	.grid-12 {
		grid-template-columns: .25fr 3.5fr 3.5fr 3.5fr .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 .75fr 5.75fr .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: .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: .5em;
		padding-bottom: .5em;
	}

	.intermission .speaker p {
		padding-top: .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: .6fr 4fr 3.55fr .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 .15fr .4fr;
	}

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

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

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

	.grid-8 {
		grid-template-columns: .25fr 11fr .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: -.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: .28fr 11.2fr .25fr;
	}

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

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

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

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

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

	.grid-14 {
		grid-template-columns: 3.4fr .5fr 6.05fr .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: .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: .75fr -.75fr .2fr;
	}

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

	.grid-2 {
			grid-template-columns: .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: -.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: .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 .165fr;
	}

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

	.grid-5 {
		grid-template-columns: .27fr 11.2fr .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: .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 .5fr 6fr .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 .165fr;
	}

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

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

	.grid-3 {
			grid-template-columns: 1fr 1.7fr 3.35fr .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: .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 .5fr 6fr .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 .165fr;
	}

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

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

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

	.logo {
		max-width: 25%;
	}

	.date h1 {
		font-size: 11.3em;
		letter-spacing: -12px;
		margin-left: -.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 .3fr 6.35fr .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 .165fr;
	}

	.grid-8 {
		grid-template-columns: .25fr 11fr .375fr;
	}

	.grid-12 {
		grid-template-columns: .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;
	}
}