/*-- Media Queries --*/

.menu-wrapper,
#mobile-navigation,
.mobile,
#navigation,
.logo-mobile {
	display:none;
}


@media (max-width: 1720px) {

	.counter {
		padding:0 40px 40px 0;
	}

	#how-it-works .two-columns .col:nth-child(1) {
		flex:1 1 60%;
		padding-left:40px !important;
	}

	#how-it-works .two-columns .col:nth-child(2) {
		flex:1 1 40%;
	
		margin:0;
	}

	#how-it-works .two-columns .col:nth-child(1) .content {
		width:100%;
		float:none;
	}

	#how-it-works .two-columns .col:nth-child(1) .content .step {
		padding-right:60px;
	}

	#how-it-works .two-columns .col:nth-child(2) .bx-wrapper .bx-pager {
		padding-left:80px;
	}

	.stats1 .content {
		width:100%;
		float:none;
		padding:140px 40px 100px 80px;
	}

	.stats1 .label {
		right:auto;
		left:600px;
	}

	.stats2 .content {
		width:100%;
		float:none;
		padding:0 40px 100px 80px;
	}

	.stats3 .content {
		width:100%;
		float:none;
		padding:140px 40px 100px 80px;
	}

	.stats4 .content {
		width:100%;
		float:none;
		padding:140px 40px 100px 80px;
	}

	.stats4 .content p {
		right:40px;
	}

	.stats5 .content {
		width:100%;
		float:none;
		padding:140px 40px 100px 80px;
	}

	.stats5 .content p {
		right:40px;
		bottom:40px;
	}
}


@media (max-width: 1650px) {
	.container {
		width:100%;
		padding-left:40px;
		padding-right:40px;
	}

	.two-columns .col {
		padding:0 40px;
	}

	nav ul {
		padding-right:40px;
	}

	header .scroll {
		left:auto;
		right:875px;
	}

	footer .container {
		padding-left:40px;
		padding-right:40px;
	}

	footer .col:nth-child(1) {
		width:35%;
	}

	footer .col:nth-child(2) {
		width:40%;
	}

	footer .col:nth-child(3) {
		width:25%;
	}
}


@media (max-width: 1560px) {
	#how-it-works .two-columns .col:nth-child(1) {
		flex:1 1 55%;
	}

	#how-it-works .two-columns .col:nth-child(2) {
		flex:1 1 45%;
	}
}


@media (max-width: 1500px) {
	#yellow-bar img {
		width:190px;
		top:-55px;
	}

	#videos .three-columns .col {
		width:400px;
		margin-bottom:30px;
	}

	#videos .three-columns .col .video {
		height:325px;
	}

	#videos .three-columns .col:nth-child(2) {
		margin-left:40px;
		margin-right:40px;
	}
}

@media (max-width: 1425px) {

	#share-your-story .two-columns .col {
		padding:0 40px;
	}

	header .scroll {
		right:840px;
	}

	#how-it-works .two-columns .col:nth-child(1),
	#how-it-works .two-columns .col:nth-child(2) {
		flex:none;
		width:100%;
	}

	#how-it-works .two-columns .col:nth-child(1) .content .step {
		padding-right:40px;
	}

	#how-it-works .two-columns .col:nth-child(2) .bx-viewport {
		height:500px !important;
	}

	#how-it-works .two-columns .col:nth-child(2) .bx-wrapper .bx-pager {
		padding-left:35px;
		bottom:40px;
	}

	.stats1 {
		display:flex !important;
		align-items:center;
	}

	.stats1 .content {
		padding:70px 40px;
	}

	.stats1 .content img {
		width:400px;
		position:absolute;
		top:50%;
		right:100px;
		transform:translateY(-50%);
	}

	.stats1 .label {
		bottom:310px;
		left:auto;
		right:-195px;
	}

	.stats2 {
		background:#fff url("../images/stats2-background.jpg") repeat-x top -300px left 0;
		display:flex !important;
		align-items:center;
	}

	.stats2 .content {
		padding:70px 560px 100px 40px;
	}

	.stats2 .photo {
		width:500px;
		height:100%;
		position:absolute;
		top:0;
		right:0;
		margin:0;
	}

	.stats2 h3 {
		margin:0 0 20px 0;
	}

	.stats2 h5 {
		margin:0 0 20px 0;
	}

	.stats5 {
		display:flex !important;
		align-items:center;
	}

	.stats5 img {
		width:500px;
		top:50%;
		transform:translateY(-50%);
	}

	.stats5 .content {
		display:flex;
		align-items:center;
		padding:70px 40px 100px 580px;
	}

	.stats4 {
		display:flex !important;
		align-items:center;
		overflow:hidden;
	}

	.stats4 .content {
		padding:70px 40px;
	}

	.stats4 .content h2 {
		font-size:250px;
		line-height:250px;
		width:150px;
		position:absolute;
		top:140px;
		left:50%;
		transform:translateX(-50%);
		margin-left:-280px;
	}

	.stats4 .content p {
		bottom:40px;
	}

	.stats4 .content img {
		top:-50px;
		left:50%;
		transform:translateX(-50%);
	}

	.stats3 {
		background-size:700px 749px;
	}

	.stats3 .content {
		padding:80px 40px;
	}	
}


@media (max-width: 1360px) {
	h1 {
		margin:0 0 30px 0;
	}

	h1 br {
		display:none;
	}

	h1 span {
		top:0;
	}

	#yellow-bar img {
		width:160px;
		display:block;
		top:-40px;
	}

	#myVideo {
		display:none;
	}

	header {
		height:1000px;
	}

	header .desktop {
		display:none;
	}

	header .content {
		padding-top:70px;
	}

	header .mobile {
		display:block;
	}

	header .button {
		background:#f9ec31;
	}

	header .mobile {
		display:block;
		position:relative;
	}

	header .photo1 {
		top:-30px;
	}

	header .photo2 {
		width:450px;
		right:640px;
		top:50px;
	}

	header .scroll {
		width:160px;
		top:320px;
		right:930px;
	}

	.line-mask,
	.line {
		display:inline-block !important;
	}

	h1.split span {
		height:93px;
	}

	.line {
		margin-right:20px;
	}

	#share-your-story .container {
		padding-bottom:80px;
	}

	#share-your-story h2 {
		opacity:1;
	}

	#how-to-enter .three-columns .col {
		margin:0 0 40px 0;
	}

	#how-to-enter .three-columns .col:nth-child(2) {
		margin-left:30px;
		margin-right:30px;
	}
}


@media (max-width: 1250px) {
	.two-columns .col {
		padding:0 25px;
	}

	#share-your-story .container {
		padding-top:0;
	}

	#share-your-story .two-columns .col:nth-child(1) {
		display:none;
	}

	#share-your-story .two-columns .col:nth-child(2) {
		width:100%;
		padding:0;
		margin:0;
	}
}


@media (max-width: 1180px) {
	header .photo2 {
		right:auto;
		left:0;
	}

	header .scroll {
		right:auto;
		left:0;
	}
}	

@media (max-width: 1150px) {
	h2 {
		font:600 55px/58px "neue-haas-grotesk-display", sans-serif;
	}

	.counter {
		font-size:100px;
		padding:0 25px 40px 0;
	}

	.container {
		padding-left:25px;
		padding-right:25px;
	}

	.logo {
		left:25px;
	}

	#how-it-works .two-columns .col:nth-child(1) .content {
		padding:120px 0 80px 90px;
	}

	#how-it-works .two-columns .col:nth-child(1) {
		padding-left:25px !important;
	}

	#gallery {
		border-bottom-left-radius:25px;
		border-bottom-right-radius:25px;
	}

	.starburst {
		width:80px;
		height:80px;
		font-size:30px;
		line-height:34px;
		top:-12px;
		left:-95px;
	}

	#how-to-enter .two-columns {
		margin-bottom:40px;
	}

	#how-to-enter .two-columns .col {
		width:100% !important;
		padding:0 !important;
		margin:0 0 40px 0;
	}

	#how-to-enter .container {
		padding-bottom:100px
	}

	#how-to-enter h2 br {
		display:none;
	}

	#how-to-enter .three-columns .col:nth-child(2) {
		padding:0 20px;
	}

	#gallery .bx-wrapper .bx-pager {
		padding-left:20px;
		bottom:30px;
	}

	#gallery .slider div p {
		right:25px;
	}

	.bx-wrapper .bx-pager {
		padding-left:25px;
	}

	#gallery .slider div p {
		bottom:30px;
	}

	.slider div p {
		right:25px;
	}

	#how-it-works .two-columns .col:nth-child(2) .bx-wrapper .bx-pager {
		padding-left:13px;
	}

	.stats1 .content {
		padding:70px 25px;
	}

	.stats1 .label {
		right:-210px;
	}

	.stats1 .content img {
		right:80px;
	}

	.stats2 h3 {
		font-size:50px;
		line-heighT:54px;
	}

	.stats2 .content {
		padding:70px 500px 70px 25px
	}

	.stats2 .photo {
		width:450px;
	}

	.stats5 .content {
		padding:70px 25px 70px 510px;
	}

	.stats5 img {
		width:450px;
		margin-top:-20px;
	}

	.stats5 .content p {
		right:25px;
	}

	.stats3 .content {
		padding:80px 25px;
	}

	.stats4 .content p {
		right:25px;
	}

	#how-to-enter .three-columns .col h3 {
		font-size:50px;
		line-height:50px;
		margin:-20px 0 15px 0;
	}

	.icon {
		width:200px;
		height:200px;
	}

	.icon img {
		width:100px;
	}

	#submit-your-story .container {
		padding-top:40px;
	}

	#im-staying-text {
		height:160px;
	}

	#im-staying-text h3 {
		font:600 200px/200px "neue-haas-grotesk-display", sans-serif;
		bottom:-40px;
	}

	#faqs .container {
		padding-bottom:60px;
	}

	.accordion-header h3 {
		font-size:35px;
		line-height:38px;
	}

	.accordion-header {
		padding:25px 75px 25px 20px;
	}

	.accordion-content .content {
		padding:0 20px 40px 20px;
	}

	.accordion-header span {
		width:40px;
		height:40px;
		right:20px;
		margin:-20px 0 0 0;
	}

	footer .container {
		padding:80px 25px 60px 25px;
	}

	footer .col:nth-child(1) {
		width:50%;
		margin:0 0 30px 0;
	}

	footer .col:nth-child(1) p {
		display:none;
	}

	footer .col:nth-child(2) {
		width:50%;
		margin:0 0 30px 0;
	}

	footer .col:nth-child(3) {
		width:100%;
		display:flex;
		justify-content:left;
		margin:0 0 15px 0;
	}

	footer .mobile {
		color:#141a66;
		display:block;
		text-align:left;
	}
}


@media (max-width: 1100px) {
	.popup {
		width:100%;
	}
}


@media (max-width: 1050px) {
	#desktop-nav {
		display:none;
	}

	.menu-wrapper {
		width:60px;
		height:60px;
		background:#00ffc2;
		border-radius:50%;
		display:flex;
		align-items:center;
		justify-content:center;
		cursor:pointer;
		position:absolute;
		top:50%;
		right:25px;
		margin-top:-30px;
	}

	#nav-button {
		position:relative;
		transform:translateY(0);
		transition:all 0ms 200ms;
	}

	#nav-button span {
		width:30px;
		height:3px;
		display:block;
		background:rgba(20, 26, 102, 1);
	}

	#nav-button.active .line2 {
		background:rgba(20, 26, 102, 0); 
	}

	#nav-button .line1 {
		position:absolute;
		left:0;
		bottom:8px;
		transition:bottom 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	#nav-button .line3 {
		position:absolute;
		left:0;
		top:8px;
		transition:top 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	#nav-button.active .line3 {
		top:0;
		transform:rotate(45deg);
		transition:top 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	#nav-button.active .line1 {
		bottom:0;
		transform:rotate(-45deg);
		transition:bottom 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	#navigation {
		width:500px;
		position:fixed;
		right:-500px;
		z-index:4;
		padding:0 70px 0 70px;
		display:none;
	}

	#navigation-overlay {
		width:500px;
		height:100%;
		background:#00ffc2;
		position:fixed;
		top:0;
		right:-600px;
		z-index:3;
		display:none;
	}

	#navigation ul {
		list-style:none;
	}

	#navigation li {
		margin:0;
	}

	#navigation li a {
		font:600 30px/35px "neue-haas-grotesk-display", sans-serif;
		color:#141a66;
		display:block;
		padding:20px 0;
	}

	#navigation li a.button {
		font:500 22px/28px "DM Mono", sans-serif;
		text-transform:uppercase;
		color:#141a66;
		background:#f9ec31;
		display:inline-block;
		padding:15px 30px;
	}

	#navigation li a.button .mask {
		height:22px;
	}

	#navigation li a.button:after {
		top:-3px;
	}

	header .photo1 {
		width:600px;
		top:0;
	}

	header .photo2 {
		width:400px;
	}

	header .scroll {
		width:140px;
		top:310px;
    }

	div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-row, 
	div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-row,
	div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-row,
	div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-row {
		flex-wrap:wrap !important;
	}

	div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-50, 
	div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-column-50 {
		width:100% !important;
	}

	div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-25,
	div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-column-25 {
		width:50% !important;
	}

	div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-67,
	div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-33,
	div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-column-33 {
		width:100% !important;
	}

	.wpforms-field-file-upload {
		height:180px !important;
	}

	div.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader {
		height:134px !important;
		background-size:80px 80px !important;
	}

	#videos .three-columns {
		display:block;
	}

	#videos .three-columns .col {
		width:500px;
		display:block;
		margin-left:auto !important;
		margin-right:auto !important;
	}

	#videos .three-columns .col .video {
		height:380px;
	}

	#videos .three-columns .col:last-child {
		margin-bottom:0;
	}
}


@media (max-width: 1000px) {
	.stats1 .content h2 {
		position:relative;
		z-index:2;
	}

	.stats2 .content {
		padding:70px 425px 70px 25px;
	}

	.stats2 .photo {
		width:400px;
	}
}


@media (max-width: 950px) {
	header .photo1 {
		width:550px;
	}

	header .photo2 {
		width:350px;
		top:60px;
	}

	header .scroll {
		width:100px;
		top:300px;
    }

    .stats2 .content {
    	padding:70px 25px 70px 25px;
    }

    .stats2 .photo {
    	display:none;
    }

    .stats5 img {
    	left:-100px;
    }

    .stats5 .content {
    	padding:70px 25px 70px 380px;
    }
}

@media (max-width: 825px) {
	header {
		height:auto;
	}

	header .container {
		height:auto;
		padding-bottom:150px;
	}

	header .content {
		padding-top:60px;
		margin-bottom:40px;
	}

	header .photo1 {
		width:93%;
		position:relative;
	}

	header .photo2 {
		top:auto;
		bottom:-100px;
		left:auto;
		right:0;
	}
	header .scroll {
		top:auto;
		bottom:-100px;
		left:50px;

	}
}

@media (max-width: 750px) {
	h1 {
		font:600 70px/75px "neue-haas-grotesk-display", sans-serif;
		margin:0 0 40px 0;
	}

	h1.split span {
		height:auto;
		display:inline;
	}

	#yellow-bar .container {
		justify-content:center;
		padding:0 18px;
	}

	#yellow-bar img {
		display:none;
	}

	#how-it-works .two-columns .col:nth-child(1) .content {
		padding-left:0;
	}

	#how-it-works .two-columns .col:nth-child(1) .content .step {
		padding-right:25px;
	}

	#how-it-works .two-columns .col:nth-child(1) h3 {
		padding-left:65px;
	}

	.starburst {
		width:70px;
		height:70px;
		font-size:25px;
		top:-10px;
		left:-15px;
	}

	.icon {
		width:250px;
		height:250px;
	}

	.icon img {
		width:125px;
	}

	#how-to-enter .three-columns .col:nth-child(2) {
		margin-left:0;
		margin-right:0;
	}

	.stats1 .content {
		padding-right:70px;
	}

	.stats1 .content img {
		display:none;
	}

	.stats1 .content h2 br {
		display:none;
	}

	.stats3 .content {
		padding-top:50px;
	}

	.stats4 .content img {
		width:400px;
		top:0;
	}

	.stats4 .content h2 {
		margin-left:-230px;
	}

	.stats4 p {
		text-shadow:0px 2px 5px #000000;
	}

	.stats5 img {
		display:none;
	}

	.stats5 .content {
		padding:70px 25px 70px 25px;
	}


}

@media (max-width: 700px) {
	h1 {
		font:600 65px/68px "neue-haas-grotesk-display", sans-serif;
	}

	h2 {
		font:600 50px/54px "neue-haas-grotesk-display", sans-serif;
	}

	h3 {
		font:600 40px/44px "neue-haas-grotesk-display", sans-serif;
	}

	h6 {
		font:400 14px/22px "DM Mono", sans-serif;
	}

	p {
		font:400 14px/22px "DM Mono", sans-serif;
	}

	.list li {
		font:400 14px/22px "DM Mono", sans-serif;
	}

	.container {
		padding-top:80px;
		padding-bottom:80px;
	}

	.button {
		font:500 16px/24px "DM Mono", sans-serif;
		padding:15px 30px 10px 30px;
	}

	.button:after {
		width:9px;
		height:9px;
		top:-4px;
		margin-left:10px;
	}

	.button.outlined {
		padding:13px 26px 9px 26px;
	}

	#videos .three-columns .col {
		width:100%;
	}

	#how-to-enter .container {
		padding-bottom:80px;
	}

	.accordion-header h3 {
		font-size:30px;
		line-height:34px;
	}

	div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column {
		padding:0 !important;
	}

	div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-row {
		margin:0 !important;
	}

	div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-25, div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-column-25 {
		width:100% !important;
	}

	div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater) {
		overflow:hidden !important;
	}

	button[type=submit] {
		float:none !important;
		margin:20px 0 0 0 !important;
	}

	footer .col:nth-child(1) {
		width:100%;
	}

	footer .col:nth-child(2) {
		width:100%;
	}
}


@media (max-width: 650px) {
	header .content {
		padding-top:60px;
		margin-bottom:40px;
	}

	header .photo1 {
		width:95%;
	}

	header .photo2 {
		width:300px;
	}

	header .scroll {
		width:90px;
		bottom:-90px;
		left:30px;
	}
}


@media (max-width: 600px) {
	h1 {
		font:600 60px/65px "neue-haas-grotesk-display", sans-serif;
	}

	h1 span {
		padding:0 10px;
	}

	#videos .three-columns .col .video img {
		width:80px;
		height:80px;
	}

	.accordion-header span {
		top:25px;
		margin-top:0;
	}

	.stats2 .content {
		padding:0px 25px 0px 25px;
	}

	.stats3 h5 {
		font:600 35px/42px "DM Mono", sans-serif;
	}

	.stats2 .content {
		margin-top:-25px;
	}

	.stats4 .content h2 {
		top:110px;
		margin-left:-140px;
	}

	.stats4 .content img {
		width:300px;
		top:50%;
		transform:translate(-50%, -50%);
		margin-top:-25px;
	}
}


@media (max-width: 500px) {

	h2 {
		font:600 45px/48px "neue-haas-grotesk-display", sans-serif;
	}

	.container {
		padding-left:18px;
		padding-right:18px;
	}

	.menu-wrapper {
		right:18px;
	}

	#yellow-bar .container {
		height:auto;
		padding-top:15px;
		padding-bottom:15px;
	}

	#yellow-bar h2 {
		font-size:22px;
		line-height:26px;
	}

	header .photo1 {
		width:90%;
	}

	header .photo2 {
		width:250px;
	}

	header .scroll {
		left:20px;
	}

	#how-it-works .two-columns .col:nth-child(1) {
		padding-left:18px !important;
	}

	#how-it-works .two-columns .col:nth-child(1) .content .step {
		padding-right:18px;
	}

	#gallery .bx-wrapper .bx-pager {
		padding-left:13px;
	}

	#gallery .slider div p {
		right:18px;
	}

	.stats1 .content {
		padding:0 60px 0 18px;
	}

	.stats1 .label {
		bottom:200px;
        right:-217px;
    }

	.stats2 .content {
		padding:0px 18px;
	}

	.stats5 .content {
		padding:0 18px;
	}

	.stats3 .content {
		padding-left:18px;
		padding-right:18px;
	}

	.stats5 h5 {
		font:500 35px/42px "DM Mono", sans-serif;
	}

	#how-to-enter .container {
		padding-bottom:95px;
	}

	#how-to-enter .three-columns .col p {
		font-size:22px;
		line-height:26px;
	}

	.icon {
		width:200px;
		height:200px;
	}

	.icon img {
		width:100px;
	}

	div.wpforms-container-full input[type=text],
	div.wpforms-container-full input[type=email],
	div.wpforms-container-full input[type=tel] {
		padding:10px 20px !important;
	}

	div.wpforms-container-full .wpforms-form textarea {
		padding:20px 20px !important;
	}

	.wpforms-field-file-upload {
		padding:20px 20px !important;
	}

	#videos .three-columns .col .video {
		height:300px;
	}

	footer .container {
		padding:70px 18px 50px 18px;
	}

	#innovate-alabama {
		width:90px;
	}

	#the-e-center {
		width:170px;
	}
}


@media (max-width: 520px) {
	#navigation-overlay {
		width:100%;
	}

	#navigation {
		width:100%;
		padding:0 18px 0 18px;
	}
}


@media (max-width: 500px) {
	h1 {
		font:600 55px/60px "neue-haas-grotesk-display", sans-serif;
	}

	#how-it-works .two-columns .col:nth-child(2) .bx-wrapper .bx-pager {
		bottom:25px;
	}

	.stats2 h3 {
		font-size: 40px;
        line-heighT: 44px;
	}

	.stats4 .content img {
		width:270px;
	}

	.stats4 .content h2 {
		font-size:200px;
        line-height:200px;
		margin-left:-90px;
	}

	.stats4 .content p {
		width:100%;
		text-align:center;
		left:0;
		right:auto;
		bottom:55px;
	}
}


@media (max-width: 400px) {
	h1 {
		font:600 45px/50px "neue-haas-grotesk-display", sans-serif;
	}

	header .photo2 {
		width:220px;
	}

	header .scroll {
		left:10px;
	}

	#how-it-works .two-columns .col:nth-child(1) h3 {
		padding-left:0;
		padding-top:65px;
	}

	#innovate-alabama {
		width:70px;
	}

	#the-e-center {
		width:150px;
	}
}


@media (max-width: 420px) {
	#yellow-bar h2 {
		font-size:18px;
		line-height:24px;
		text-align:center;
	}
}


@media (max-width: 380px) {
	nav {
		height:100px;
	}

	.logo {
		display:none;
	}

	.logo-mobile {
		display:block;
		width:auto;
		height:75px;
		position:absolute;
		top:50%;
		left:18px;
		transform:translateY(-50%);
	}

	.menu-wrapper {
		width:50px;
		height:50px;
	}

	#navigation li a {
		font:600 24px/28px "neue-haas-grotesk-display", sans-serif;
	}

	#navigation li a.button {
		font:500 18px/24px "DM Mono", sans-serif;
		padding:14px 25px 12px 25px;
	}

	#navigation li a.button:after {
		top:-4px;
	}
}

@media (max-width: 370px) {
	h1 {
		font:600 40px/44px "neue-haas-grotesk-display", sans-serif;
		margin:0 0 20px 0;
	}

	h2 {
		font-size:35px;
		line-height:38px;
	}

	h3 {
		font-size:30px;
		line-height:34px;
	}

	header .photo2 {
		width:200px;
	}

	header .scroll {
		width:70px;
		bottom:-75px;
	}

	#how-to-enter .three-columns .col h3 {
		font-size:40px;
		line-height:40px;
	}

	.accordion-header h3 {
		font-size:25px;
		line-height:28px;
	}
}