/* ===========================
   BANNER
============================== */
.banner {
	
	background: url('pictures/truckflooralt.jpg');
	background-size: cover;
	background-position: center;
	
	
	width: 100%;
	height: 20em;
	margin-bottom: 2em;

	display: flex;
	flex-direction:column;
	justify-content:center;

	
	
}

	.banner h1{
		font-size: 26px;
		font-weight: normal;
		letter-spacing: 3px;
		color:#fff;
		text-align: center;
		margin: 0 auto;
		width: 80%;

		

		border-top: 2px solid #F0F3CD;
		border-bottom: 2px solid #F0F3CD;
	}
	.banner p {
		color: #fff;
		margin: 0;
		font-size: 14px;
	
	}



	

/* ===========================
   BODY
============================== */

#images img {

	height: 200px;
	width: 250px;
	padding: 1em;
	

}

.secondary {
		order: 0;
		flex-basis: 100%;
		background-color: ;

	}



.col {
	
	display: flex;
	flex-wrap:wrap;

	
}

@media (max-width: 681px) {
	#firstQuestion {
		margin-top: 1.4em;
	}
}

@media (min-width: 681px) {
	
	.banner {
		height: 25em;
	}
	.banner h1 {
		font-size: 32px;
		width: 65%;
	}
	
	
	.primary {
		flex-basis: 40%;
		order:1;
	}

	.secondary {
		order:3;
	}
	.primary2 {
		flex-basis: 45%;
		order:2;
	}

	#images {
		display: flex;
		flex-wrap:wrap;
		justify-content:center;
	}


}


@media (min-width: 1012px) {
	
.banner {
	height: 30em;
}

.banner h1 {
	width: 50%;
}




#images img {
	padding: 0.5em;
}

.primary {
	flex-basis:35%;
}

.primary2 {
	flex-basis:50%;
}
}