/* Mobile overrides */
@media all and (min-width:1000px) {
	.nineteen-forty {
		letter-spacing: 5px;
	}
}

@media all and (max-width:900px) {
	/* mobile stuff */
	.no-mobile {
		display: none;
	}
	/* #gateway */
	.gateway-text {
		position: relative;
		background-repeat: no-repeat;
		margin: 20px auto;
		top: 0;
		left: 0;
		padding: 0;
	}
	/* #header */
	.bio-container {
		width: 100%;
	}
		.bio {
			width: 20%;
		}
			.bio-image img {
				width: 100%;
			}
	/* #info */
	#info {
		height: auto;
		background-size: 100% 100%;
		padding-top: 10px;
	}
	.glass-and-bottle {
		height: 300px;
		padding: 0;
	}
		.glass-and-bottle-image {
			position: relative;
			right: auto;
			top: auto;
			width: auto;
			height: 300px;
			background-repeat: no-repeat;
			background-size: auto 100%;
			background-position: right 10px top;
		}
	.nineteen-forty {
		font-size: 30px;
		height: 200px;
		padding: 100px 0 0 0;
	}
	.red-hr-container {
		width: 50%;
		margin: 0 auto;
	}
	.bring-it-back {
		padding: 5%;
		font-size: 18px;
	}
		.bring-it-back span {
			display: inline;
		}
	/* #glass */
	.large-glass {
		background-image: url(../img/mobile-glass-bg.png);
		background-size: auto 100%;
	}
		.glass-text {
			padding: 20px;
		}
	/* #distribution */
	#usa-map {
		max-height: 400px;
	}
	.distribution-header-text {
		font-size: 11px;
		line-height: 15px;
		padding-top: 10px;
	}
		.distribution-header-text span {
			font-size: 12px;
			display: block;
		}
	/* depot */
	.depot-fore {
		background-size: auto 100%;
		width: 50%;
		position: absolute;
		top: 0;
		left: 50%;
	}
	/* contact */
	#footer {
		background-size: 100% 100%;
	}
		.contact {
			float: none;
			margin: 0 auto;
		}
			.contact-info-text {
				float: none;
			}
			.contact-form {
				margin-top: 25px;
			}
}

@media all and (max-width:660px) {
	.contact-info-text span {
		display: inline;
	}
}

@media all and (max-width:630px) {
	.usa-map img{
		height: 100%;
		width: 100%;
	}
	.depot-fore {
		background-size: auto 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.glass-text {
		font-size: 15px;
	}
		.glass-text span {
			display: inline;
		}
}

@media all and (max-width:540px) {
	.depot-back {
		background-size: auto 100%;
	}
	.footer-info {
		letter-spacing: 1px;
	}
	.depot-text {
		letter-spacing: 3px;
	}
	.bio-name {
		font-size: 10px;
	}
	.glass-text {
		line-height: 25px;
	}
	.contact {
		width: 100%;
	}
		.contact-form-line input {
			width: 80%;
		}
		.contact-form-line textarea {
			width: 80%;
		}
		.contact-info-text {
			margin: 0px 30px;
		}
}