@media handheld, only screen and (max-width: 1000px)  {

	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}

	body {
		padding: 0px;
	}

	.drew {
		position: fixed;
		top: 0px;
	    left: 0px;
	    padding: 25px;
	    z-index: 50;
	    font-size: 24px;
	    letter-spacing: .05em;
	}

	.nav {
		position: fixed;
		top: 0px;
	    right: 0px;
	    padding: 25px;
	    z-index: 50;
	    font-size: 24px;
	    letter-spacing: .05em;
	}

	.infodrew {
		position: fixed;
		top: 0px;
	    left: 0px;
	    padding: 25px;
	    z-index: 50;
	    font-size: 24px;
	    letter-spacing: .05em;
	}

	.infonav {
		position: fixed;
		top: 0px;
	    right: 0px;
	    padding: 25px;
	    z-index: 50;
	    font-size: 24px;
	    letter-spacing: .05em;
	}

	.title {
		position: fixed;
		bottom: 0px;
	    left: 0px;
	    padding: 25px;
		z-index: 50;
	    font-size: 24px;
	    letter-spacing: .05em;
	}

	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.grid-buffer {
		padding: 25px;
	}

	.grid-buffer-cred {
		padding-left: 25px;
	}

	
	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0;
		margin-bottom: 0;
		padding-left: 0px;
		padding-right: 0px;
	}

	.grid-pad {
	padding: 20px 0 0 0;
	}

	.grid-pad > [class*='col-']:last-of-type {
		padding-right: 20px;
	}

	.hidden-mobile {
	    display: none !important;
	}

	.hidden-desktop {
		display: block !important;
	}

	.height-pad {
	padding: 75px 25px 50px 25px;
	}


}