/* ----------------------------------------
		General Styling
-----------------------------------------*/

main {
	font-family: 'Questrial', sans-serif;	
}


/* ----------------------------------------
		Styling for the Header 	
-----------------------------------------*/



.background1,
.background1 p{
	background: #DEEEF4;
	margin: 0 !important;
	text-align: right;
	font-size:20px;
	padding: 5px 10px 0 0 !important;
	background: -webkit-linear-gradient(110deg, #fff 30%, #DEEEF4 60%);
	background: -o-linear-gradient(110deg, #fff 30%, #DEEEF4 60%);
	background: -moz-linear-gradient(110deg, #fff 30%, #DEEEF4 60%);
	background: linear-gradient(110deg, #fff  20%, #DEEEF4 50%);
	border-radius: 5px 5px 0 0px;
}

.background1 a {
	font-size:1.1em;
	text-decoration:none;	
}

.background1:after {
	content: ""; /* This is necessary for the pseudo element to work. */ 
	display: block; /* This will put the pseudo element on its own line. */
	margin: 0 auto; /* This will center the border. */
	width: 75%; /* Change this to whatever width you want. */
	margin-bottom: 1px;
	border-bottom: 1px solid black; /* This creates the border. Replace black with whatever color you want. */
}

.background2 {
	background: #ebebf1;	
	margin-top:0;
	margin-bottom:0;	
	padding:10px;	
	border-radius: 0 0 5px 5px;
}