/**
 * Index stylesheet for BK Modelbouw
 *
 * @author      Wouter Van den Heede
 *
 */

/* =============================================
 * OVER PAGE - OVER ONS
 =============================================== */
/* title */
#business h2 {
	padding-top: 4rem;
	border-bottom: 2px solid #27223E;
	width: 13rem;
}

#business div p {
	margin-top: 3rem;
}

#business div img {
	margin-top: 3rem;
	width: 100%;
}


/* =============================================
 * OVER PAGE - OFFER / NEWS
 =============================================== */
 /* offer */
#content {
	background-color: #DFCFBA;
	margin-top: 5rem;
}

#offer h3, #news h3 {
	padding-top: 4rem;
	font-size: 2.4rem;
	text-transform: uppercase;
	border-bottom: 2px solid #27223E;
}

#offer h3 {
	width: 17rem;
	margin: 0;
}

#news h3 {
	width: 25rem;
	margin: 0;
}

#offer h4, #news h4 {
	font-family: "Times New Roman";
	font-size: 1.8rem;
	line-height: 1.4em;
	font-weight: bold;
	margin-bottom: 0.5rem;
}

#offer h4:nth-of-type(1), #news h4:nth-of-type(1) {
	margin-top: 3rem;
}

#news p:nth-of-type(3) {
	padding-bottom: 6rem;
	margin-bottom: -1.5rem;
}

#offer p:nth-of-type(3) {
	padding-bottom: 0rem;
}

/* ===============
   Media queries
   =============== */
@media (min-width: 45em) { /* your breakpoint in em here */
	/* =============================================
	 * OVER PAGE - OVER ONS
	 =============================================== */
	/* title */
	#business div p {
		float: left;
		width: 47%;
	}

	#business div img {
		float: right;
		width: 47%;
	}

	/* =============================================
	 * OVER PAGE - OFFER / NEWS
	 =============================================== */
	 /* offer */
	 #content {
		clear: both;
		overflow: hidden;
		margin-top: 38rem;
	}

	#offer {
		width: 42%;
		float: left;
	}

	#offer p:nth-of-type(3), #news p:nth-of-type(3) {
		margin-bottom: 5rem;
	}

	/* news */
	#news {
		width: 42%;
		float: right;
	}
}