/* CSS for brand section: container and the brand image. 
You can customize css codes within {} brackets. But
DO NOT remove or change the section IDs, e.g. #brand */

#brand { /* brand container */
	width: 12.5%;
	background:#326894 !important;
	position: absolute;
	left: 0;
	height: 100%;
	text-align: center;
}

#brand img{ /* brand image */  
	margin-top: 70px;
	max-height: 100%;
	max-width: 100%;
	width: 62%;
}

#mainArea {/* main section besides brand */
	margin-left: 12.5%; /* use the brand container width, to leave space for brand */
	height: 100%;
}