/* *
 * Responsive CSS
 * */

@media all and (min-width: 1025px) and (max-width: 1280px) {
	.wrap {
		width:100%;
		margin:0 10px;
	}
}

@media all and (min-width: 240px) and (max-width: 1024px) {
	/* Mobile Portrait: Design for a width of 480px */
	.wrap { 
		width: 95%;
		margin:0 auto;
	}
	#heading {
		display:none;
	}
	#navigation {
		display:none;
	}
	#navigation_dropdown {
		display:block;
		width:100%;
	}
	#masthead {
		border-bottom:2px solid #A0222A;
		box-shadow: 0 4px 4px -4px #A0222A;
		padding: 5px 0;
	}
	#masthead-left {
		float:none;
	}
	#logo_img {
		float:none;
		padding-bottom:10px;
	}
	#content-left {
		margin:0;
		padding:0;
	}
	#content-right {
		display:none;
	}
	#responsive-contact {
		display:block;
	}
	#responsive-contact input, #responsive-contact select, #responsive-contact textarea {
		padding:0;
		width:99%;
	}
	h5 {
		margin:5px;
	}
	img { 
		max-width: 100%; 
		height: auto;
	}
}