@media only screen and (max-width: 959px) {
	.nomobile {
		display: none;
	}
	html {
		background: #000;
	}
	header, .page-home header {
		background: #000;
		height: auto;
		position: fixed;
	}
	.sticky header, .spin header {
		position: fixed;
	}
	.menu header {
		height: 100%;
		position: static;
	}
	header nav {
		padding-top: 75px;
	}
	.menu header nav {
		padding-bottom: 0;
	}
	.sticky header nav, .spin header nav, .page-consequences header nav {
		padding-top: 70px;
	}
	header nav h1 {
		left: auto;
		margin: 0 auto 30px auto;
		max-width: 80%;
		position: static;
		top: auto;
		width: 240px;
	}
	.sticky header nav h1, .spin header nav h1, .page-consequences header nav h1{
		margin: 0;
		max-width: auto;
		left: 22px;
		position: absolute;
		top: 16px;
		width: 240px;
	}
	.es.sticky header nav h1, .es.spin header nav h1, .es.page-consequences header nav h1{
		margin: 0;
		max-width: auto;
		left: 22px;
		position: absolute;
		top: 18px;
		width: 240px;
	}
	header nav #menu {
		background: url('../images/bg-menu.png') no-repeat top left;
		background-size: cover;
		display: block;
		height: 30px;
		position: absolute;
		right: 22px;
		text-indent: -9999em;
		top: 24px;
		width: 46px;
	}
	.menu header nav #menu {
		transform: rotate(90deg);
	}
	header nav ul {
		border-top: 1px solid #ccc;
		display: none;
		margin-top: 10px;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	.menu header nav ul {
		display: block;
	}
	header nav ul li, .es header nav ul li {
		border-bottom: 1px solid #ccc;
		display: block;
		font-size: 24px;
		padding: 0;
		text-transform: uppercase;
	}
	header nav ul li a {
		display: block;
		padding: 30px 2%;
		width: 96%;
	}
	header #language {
		display: none;
	}
	.menu header #language {
		border: none;
		border-bottom: 1px solid #ccc;
		display: block;
		bottom: 100px;
		font-size: 16px;
		font-weight: normal;
		left: 0px;
		padding: 30px 2%;
		position: static;
		right: auto;
		text-align: center;
		top: auto;
		width: 96%;
	}
	.menu header #language:hover, .menu header #language:focus {
		background: #000;
		color: #CF2A2B;
	}
	#wrapper, .page-home #wrapper {
		padding-top: 70px;
	}
	.menu #wrapper {
		display: none;
	}
	.page-consequences #wrapper {
		padding-top: 0px;
	}
	#splash h1 {
		font-size: 45px;
		letter-spacing: -1.07px;
		line-height: 38px;
		padding: 18px 0 0 0;
	}
	.feature {
		background-position: -150px -25px;
		height: auto;
	}
	.feature:hover, .feature:focus {
		background-position: -150px -25px;
	}
	.feature div {
		height: auto;
		padding: 3px 10px 0 10px;
	}
	.feature p, .es .feature p {
		background: none;
		font-size: 16px;
		height: auto;
		letter-spacing: 0px;
		line-height: 15px;
		margin: 0;
		padding: 20px 0 25px 0;
	}
	footer .footer-content {
		margin: 0 auto;
		padding: 53px 0 25px 0;
		width: 80%;
	}
	footer #txdot {
		float: none;
		margin: 30px auto 0 auto;
	}
	footer nav {
		float: none;
		display: block;
		margin: 0 auto;
		padding-top: 37px;
		width: 153px;
	}
	footer nav ul li:first-child {
		margin: 0;
	}
	.page-home #intro {
		background: #000620;
		background-image: none;
		height: auto;
	}
	.page-home #intro img {
		display: block;
		width: 100%;
	}
	.page-home #intro .content {
		padding: 31px 5% 46px 5%;
		text-align: center;
		width: 90%;
	}
	.page-home #intro .content h1 {
		font-size: 26px;
		letter-spacing: -0.62px;
		line-height: 27px;
	}
	.page-home #intro .content p {
		line-height: 23px;
		padding-top: 16px;
	}
	.page-home #intro .content a {
		margin-top: 23px;
	}
	.page-home .feature {
		min-width: 75% !important;
		width: 75%;
	}
	.page-home .feature.right {
		margin-top: 10px;
	}
	.page-home #featured {
		background: #000620;
	}
	.page-home #featured .content {
		padding-top: 28px;
		width: 100%;
	}
	.page-home #featured .video {
		margin: 0;
	}
	.page-home #featured .text {
		margin: 0 auto;
		text-align: center;
		width: 90%;
	}
	.page-home #featured .text h2 {
		font-size: 26px;
		letter-spacing: -0.62px;
		line-height: 27px;
	}
	html#page-consequences {
		overflow-y: scroll;
	}
	.page-consequences #content {
		height: 100vh;
		position: static;
	}
	.slide {
		height: auto;
		min-height: 100%;
		padding-bottom: 50px;
	}
	.slide:first-child {
		height: 100%;
		padding-bottom: 0;
	}
	.slide .content, .slide:nth-child(odd) .content, .slide:nth-child(even) .content {
		float: none;
		height: auto;
		padding: 0 7%;
		width: 86%;
	}
	.slide.full .content {
		background: none;
		float: none;
		height: auto;
		padding: 0 7%;
		width: 86%;
	}
	.slide .content h1 {
		font-size: 16px;
		letter-spacing: -0.38px;
		line-height: 38px;
		margin: 0;
		padding-top: 171px;
	}
	.slide .content h2 {
		font-size: 45px;
		letter-spacing: -1.07px;
		line-height: 38px;
	}
	.slide .content h3, .slide.full .content h3 {
		font-size: 45px;
		letter-spacing: -1.07px;
		line-height: 38px;
		margin: 0;
		padding-top: 100px;
	}
	.slide .content .button {
		font-size: 14px;
	}
	.slide .video, .slide:nth-child(odd) .video, .slide:nth-child(even) .video {
		float: none;
		height: auto;
		margin-top: 30px;
		width: 100%;
	}
	.slide .video .player, .slide:nth-child(odd) .video .player, .slide:nth-child(even).video .player {
		margin: 0;
		padding-bottom: 56.25%;
		width: 100%;
	}
	.slide .image, .slide:nth-child(odd) .image, .slide:nth-child(even) .image {
		display: block;
		float: none;
		height: auto;
		margin-top: 30px;
		width: 100%;
	}
	.slide:first-child .image img {
		display: none;
	}
	.slide .image img {
		height: auto;
		margin-top: 0px;
		width: 100%;
	}
	.result, .slide.active .result {
		display: none;
	}
	.slide.active .result-mobile {
		display: block;
		margin-top: 30px;
		padding: 0 7%;
		width: 86%;
	}
	.slide.full.active .result-mobile {
		text-align: center;
	}
	.spinning .slide.active .result-mobile {
		display: none;
	}
	.result-mobile .button {
		font-size: 14px;
	}
	.slide .share, .slide.full .share, .es .slide.full .share {
		border: none;
		margin-top: 30px;
		padding: 0;
	}
	#lyft {
		height: 100vh;
		position: absolute;
	}
	#lyft #modal {
		top: 90px;
		margin: 0 50px 0 -46.5vw;
		width: 90vw;
	}
	#lyft #modal .close {
		margin-top: 10px;
	}
	#lyft #modal h3 {
		font-size: 22px;
	}
	#lyft #modal #qr {
		width: 50%;
	}
    .page-tips #wrapper {
        padding: 0;
    }
    .page-tips #intro {
        background-position: center top;
    }
	.page-tips #splash {
		background: #000;
		height: auto;
		padding: 0;
	}
    #tips {
        
    }
    #tips .content {
        width: 100%;
    }
    .tip, .tip:nth-child(even) {
        border-top: 1px solid #ABABAB;
        float: none;
        margin-top: 31px;
        width: 100%;
    }
    .tip:first-child {
        border: none;
    }
    .tip .text {
        padding-top: 31px;
        margin: 0 auto;
        width: 90%;
    }
	.page-cost #splash {
		background: #000;
		padding: 0;
	}
	#cost h2 {
		padding-top: 30px;
	}
	#cost #laws {
		padding-bottom: 45px;
	}
	#laws #law p {
		padding-top: 10px;
	}
	#cost h3 {
		line-height: 28px;
	}
	.dwi {
		padding: 30px 0;
	}
	.dwi img, .dwi img.left, .dwi img.right {
		width: 100%;
	}
	.dwi #total {
		display: block;
		margin: 30px auto;
	}
    #faces {
        width: 100%;
    }
    #faces nav {
        border: 1px solid #979797;
        margin: 0 auto 25px auto;
        padding: 0;
        width: 85%;
    }
    #faces nav p {
        display: none;
    }
    #faces nav ul {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    #faces nav ul li, .es #faces nav ul li {
        display: block;
        padding: 0;
        width: 100%;
    }
    #faces nav ul li a {
        background: #090E26;
        background-image: linear-gradient(#090E26, #272A39);
        display: none;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0px;
        padding: 14px;
        text-transform: capitalize;
    }
    #faces nav ul li a.active {
        background-image: url("../images/dropdown.png"), linear-gradient(#090E26, #272A39);
        background-position: 97% 15px;
        background-repeat: no-repeat;
        display: block;
    }
    #faces nav ul.dropdown li a.active {
        background-image: linear-gradient(#090E26, #272A39);
    }
    #faces nav ul.dropdown li:first-child a {
        background-image: url("../images/dropdown.png"), linear-gradient(#090E26, #272A39);
        background-position: 97% 15px;
        background-repeat: no-repeat;
    }
    #faces nav ul.dropdown li a {
        display: block;
    }
    #faces .content {
        grid-gap: 30px 0;
        grid-template-columns: 100%;
    }
    #faces .face .text {
        margin: 0 auto;
        width: 85%;
    }
    #faces .featured {
        background: none;
        border: none;
        grid-column: 1;
    }
    #faces .featured .video {
        margin: 0;
        width: 100%;
    }
    #faces .featured .text {
        margin: 0 auto;
        text-align: left;
        width: 85%;
    }
    #faces .featured .text h2 {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 1.45px;
        line-height: 38px;
        padding-top: 20px;
        text-transform: uppercase;
    }
    #faces .featured .text p {
        color: #C1C1C1;
        font-size: 17px;
        letter-spacing: -0.5px;
        line-height: 20px;
        padding-top: 8px;
    }
    #faces .featured .slice {
        display: none;
    }
	.page-media #wrapper {
        padding-top: 80px;
    }
	.page-media #splash {
		background: none;
	}
    #events {
        width: 80%;
    }
    #events .event, #events .event, #events .event:nth-child(even), #events .event.single {
        float: none;
		margin-left: 0;
        padding-left: 0;
        width: 100%;
    }
    #events .event .date {
        float: none;
        margin: 0 auto;
    }
    #events .event .details {
        float: none;
        margin: 0 auto;
        min-height: auto;
        padding: 15px 0 0 0;
        width: 90%;
    }
    #events .event .details p {
        padding: 0;
        text-align: center;
        width: 100%;
    }
	#resources #facts {
		width: 80%;
	}
	#resources #facts h2 {
		padding-top: 44px;
	}
	#resources #facts h3 {
		font-size: 22px;
		letter-spacing: -0.52px;
		line-height: 28px;
	}
	#resources #facts p {
		font-size: 16px;
		line-height: 26px;
	}
	#resources #facts ul {
		padding-top: 0px;
	}
	#resources #facts ul li, #resources #facts ul li:nth-child(1), #resources #facts ul li:nth-child(2), #resources #facts ul li:nth-child(3), #resources #facts ul li:nth-child(4), #resources #facts ul li:nth-child(even), #resources #facts ul li:nth-child(odd) {
		float: none;
		font-size: 16px;
		height: auto;
		line-height: 26px;
		width: 100%;
	}
	#resources #facts ul li img {
		margin-bottom: 22px;
	}
	#resources #videos h3 {
		margin-top: 44px;
	}
	#resources .videos {
		column-count: 1;
		column-gap: 0;
	}
	#resources .video {
		margin: 44px 0 0 0;
		width: 100%;
	}
	#resources .video:first-child {
		margin-top: 22px;
	}
}

@media only screen and (max-width: 365px) {
	.sticky header nav h1, .spin header nav h1, .page-consequences header nav h1, .es header nav h1, .es.sticky header nav h1 {
		height: auto;
		width: 55%;
	}
	#lyft #modal {
		border: none;
		border-radius: none;
		-moz-border-radius: none;
		-webkit-border-radius: none;
		left: auto;
		margin: 0 auto;
		width: 100vw;
	}
	#lyft #modal .button, #lyft #modal .close {
		display: block;
		margin: 10px auto 0 auto;
		padding: 5px;
		width: 80%;
	}
	.dwi #total {
		height: auto;
		padding: 0;
		position: relative;
		width: 100%;
	}
	.dwi #total:before {
		display: none;
	}
	.dwi #total .ribbon {
		padding: 5%;
		position: relative;
		width: 90%;
	}
}

@media only screen and (max-width: 250px) {
	.sticky header nav h1, .spin header nav h1, .page-consequences header nav h1, .es header nav h1, .es.sticky header nav h1 {
		width: 35%;
	}
}