@charset "utf-8";
/* CSS Document */
/*===============================================
Content Display for Wipline Floats Page
=================================================*/
.select-modifications {
	display: block;
	width: 30%;
	margin-right: 3%;
	margin-bottom: 40px;
	float: left;
	text-align: center;
	height: 250px;
}


.select-modifications h3 {
	font-size: 1.3em;
	color: #FFF;
	margin-top: 0px;
	padding: 20px;
	background-color: rgba(18,44,82,0.79);
}
.select-modifications h3:hover {
	background-color: #5382ac;
}

.cessna-182 {
	background: url(/wp-content/uploads/2017/05/182-Modifications.jpg);
	background-size: cover;

}
.cessna-185 {
	background: url(/wp-content/uploads/2017/05/185-Modifications.jpg);
	background-size: cover;
}
.cessna-206 {
	background: url(/wp-content/uploads/2017/05/206-Modifications.jpg);
	background-size: cover;
}
.beaver-mk3 {
	background: url(/wp-content/uploads/2017/05/Beaver-MK-III-Modifications.jpg);
	background-size: cover;
}
.beaver-mk1 {
	background: url(/wp-content/uploads/2017/05/Beaver-MK-I-Modifications.jpg);
	background-size: cover;
}
.cessna-caravan {
	background: url(/wp-content/uploads/2017/05/Caravan-Modifications.jpg);
	background-size: cover;
}
.aviat-husky {
	background: url(/wp-content/uploads/2017/05/Husky-Modifications.jpg);
	background-size: cover;
}
.quest-kodiak {
	background: url(/wp-content/uploads/2017/05/Kodiak-Modifications.jpg);
	background-size: cover;
}
.piper-cub {
	background: url(/wp-content/uploads/2017/05/Piper-Cub-Modifications.jpg);
	background-size: cover;
}
.twin-otter {
	background: url(/wp-content/uploads/2017/05/Twin-Otter-Modifications.jpg);
	background-size: cover;
}
/*------------------------------------*\

    RESPONSIVE

\*------------------------------------*/



@media only screen and (min-width:320px) {



}

@media only screen and (max-width:480px) {
	.select-floats {
		width: 100%;
	}

	
}

@media only screen and (min-width:480px) and (max-width:768px) {

	.select-modifications {
		width: 100%;
	}
}
@media only screen and (max-width: 1024px) {
	


}

@media only screen and (min-width:1024px) {


}
@media only screen and (min-width:1140px) {



}

@media only screen and (min-width:768px) and (max-width:1280px) {

	.select-modifications {
		width: 47%;
		margin-right: 3%;
	}
	.select-modifications h3 {
		font-size: 2em;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),

	   only screen and (min-resolution:144dpi) {



}