@media screen and (max-width: 1002px) {
	html {
		box-shadow:
			inset 0px 10px 10px -7px rgba( 88, 0, 0, 0.30 ) /* top */
			, inset -10px 5px 10px -7px rgba( 88, 0, 0, 0.30 ) /* right */
			, inset 10px 5px 10px -7px rgba( 88, 0, 0, 0.30 ) /* left */
		;
	}

	body {
		font-size: 18px;
		line-height: 28px;
		padding: 20px 20px 0px 20px;
	}
	
	.alert {
		line-height: 25px;
	}
	
	div.nav {
		display: none;
	}

	div#container {
		width: 100%;
		padding-top: 0px;
	}

	div.content {
		float: none;
		width: 100%;
	}

	div.content h1 {
		text-align: center;
		font-size: 22px;
		line-height: 30px;
	}

	div.content h2 {
		text-align: center;
		font-size: 22px;
		line-height: 30px;
	}

	div.inner {
		display: none;
	}
	
	div.logo {
		float: none;
	}
	
	div.header {
		display: none;
	}

	div.header img {
		max-width: 480px;
	}

	div.logo {
		display: none;
	}
	
	div.header-mobile {
		display: block;
	}

	div.square h1 {
		font-size: 20px;
		line-height: 25px;
	}

	div.square h2 {
		font-size: 20px;
		line-height: 25px;
		margin-top: 12px;
		margin-bottom: 12px;
	}

	div.square h2 br {
		margin-bottom: 12px;
	}

	div.map {
		padding: 0px 0px 0px 0px;
		text-align: center;
		margin: auto;
		float: none;
		width: 80%;
	}

	div.map iframe {
		width: 100%;
	}


	div.map div.jupiter {
		margin: 0px 0px 0px 0px;
	}

	p.nocoupons {
		margin: auto;
	}
	
	div.content p.first {
		text-align: center; /* "aa:bb - cc:dd (ages xyz)" */
	}

	div.ahf {
		float: none;
		text-align: center;
	}

	div.ahf img {
		padding: none;
	}

	p.alert2 {
		width: 95%;
		position: static;
		left: 0px;
		line-height: 1.3rem;
	}

	div.callout {
		clear: right;
	}

	div.callout p, div.callout li {
		font-size: 16px;
		line-height: 22px;
	}

	div.footer ul li a {
		font-size: 16px;
		line-height: 35px;
	}
}

@media screen and (max-width: 580px) {
	div.callout {
		clear: both;
		float: none;
		width: 90%;
		line-height: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	div.header img {
		width: 100%;
	}

	div.squares {
		text-align: center;
		width: 100%;
	}

	div.square {
		width: 45%;
		margin: 0px 10px 0px 0px;
	}

	div.square:nth-child(1) {
		float: left;
	}

	div.square:nth-child(2) {
		float: right;
	}

	div.square:nth-child(3) {
		clear: both;
		float: left;
		margin: 0px 25% 20px 25%;
	}

	div.header h2 {
		font-size: 18px;
	}

	div.square h1 {
		font-size: 22px;
	}

	div.square h2 {
		font-size: 22px;
		margin-top: 16px;
		margin-bottom: 16px;
	}

	div.square h2 br {
		margin-bottom: 16px;
	}
	
	div.map {
		padding: 0px 0px 0px 0px;
		width: 100%;
	}

	div.map div.jupiter {
		margin: 0px 0px 0px 0px;
	}

	div.map iframe {
		width: 100%;
	}

	div.video iframe {
		width: 100%;
		float: none;
		padding: 0px 0px 20px 0px;
	}

}

@media screen and (max-width: 360px) {
	div.square {
		width: 100%;
		margin: 0px 10px 0px 0px;
		float: none;
		margin: auto;
	}

	div.square:nth-child(3) {
		margin: 0 0 0 0 !important;
		float: none;
	}

	div.square h1 {
		font-size: 16px;
		line-height: 20px;
	}

	div.square h2 {
		font-size: 18px;
		line-height: 20px;
	}
	
}