.header {
	background-image:url('/cisiweb2/image/caixa/membershipgradesheadernew.jpg');
	background-size:cover;
	background-position:center center;
	height:600px;
	text-align:center;
}

.headerText {
	height: 600px;
}

.quote {
    background-image: url("/cisiweb2/image/caixa/homepagequotelarge.jpg");
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	text-align:center;
	padding:0 5%;
}
.quote h2 {
	font-size:45px;	
	color:#5d5d5d;
}

.charterFlow {
    width: 35% !important;	
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { 
	.quote { /*  ?? OMG BODGE - has to be a better way of sizing the BG image when not using the parralax effect */
		background-image: url("/cisiweb2/image/caixa/homepagequotelarge.jpg");
		background-size:100% 600px; !important;
		background-position:0px 20px !important;
		padding:0 5%;
	}
}

@media (max-width: 767px) {
	.quote {
		background-size:auto auto !important;
		background-position:center center !important;
	}
	
	.quote h2 {
		font-size:25px;	
	}
	
	.tab-content .reduceImage {
		display: block !important;
		float: none !important;
		margin: 20px auto 20px !important;
		max-width: 60% !important;
	}

}