@media all and (max-width: 860px) {

	#logo {
		margin-right: 30px;
	}

	h1, h1 span {
		font-size: 28px;
		line-height: 28px;
	}

	h2 {
		line-height: 28px;
	}

	#resorts section {
		height: 360px;
	}

}


@media all and (max-width: 630px) {

	h1, h1 span {
		font-size: 26px;
		line-height: 28px;
	}
	h1 span{
		display: block;
	}

	#header h2 {
		font-size: 16px;
		line-height: 20px;
	}

	#resorts section {
		height: auto;
		width: 100%;
		float: none;
		padding: 0;
	}

	/* footer */
	/* div#footer .letter img {
		width: 55px;
	} */
	div#footer p,
	div#footer address {
		width: 60%;
		float: right;
	}
}

@media all and (max-width: 400px) { 

	/* wrapper */
	#wrapper {
		padding: 0;
	}

	/* header */
	#header {
		height: auto;
	}
		#logo {
			text-align: center;
			margin: 0;
			margin: 0 15px;	
		}	
		#logo img {
			height: 65px;
		}
		h1 {
			padding-left: 2%;
		}
		#header h2 {
			width: 94%;
			padding: 2%;
			margin-bottom: 5px;
			text-align: center;
		}
	
	/* footer */
	div#footer {
		margin-bottom: 0;
	}
		div#footer .letter {
		    float: none;
		    height: 100%;
		    margin-right: 0;
		    text-align: center;
		    width: 100%;
		}
		div#footer .letter img {
			width: 50px;
		}
		div#footer p, div#footer address {
		    float: none;
		    width: 90%;
		    margin-left: 5%;
		}
}