.slider html, .slider body, .slider div, .slider span, .slider applet, .slider object, .slider iframe,
.slider h1, .slider h2, .slider h3, .slider h4, .slider h5, .slider h6, .slider p, .slider blockquote, .slider pre,
.slider a, .slider abbr, .slider acronym, .slider address, .slider big, .slider cite, .slider code,
.slider del, .slider dfn, .slider em, .slider img, .slider ins, .slider kbd, .slider q, .slider s, .slider samp,
.slider small, .slider strike, .slider strong, .slider sub, .slider sup, .slider tt, .slider var,
.slider b, .slider u, .slider i, .slider center,
.slider dl, .slider dt, .slider dd, .slider ol, .slider ul, .slider li,
.slider fieldset, .slider form, .slider label, .slider legend,
.slider table, .slider caption, .slider tbody, .slider tfoot, .slider thead, .slider tr, .slider th, .slider td,
.slider article, .slider aside, .slider canvas, .slider details, .slider embed,
.slider figure, .slider figcaption, .slider footer, .slider header, .slider hgroup,
.slider menu, .slider nav, .slider output, .slider ruby, .slider section, .slider summary,
.slider time, .slider mark, .slider audio, .slider video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
.slider article, .slider aside, .slider details, .slider figcaption, .slider figure,
.slider footer, .slider header, .slider hgroup, .slider menu, .slider nav, .slider section {
	display: block;
}



/** LAYOUT
================================================**/

.slider .inner {
	width: 981px;
	position: relative;
	margin: 0 auto;
}

.slider #main {
	padding: 50px 0;
}

#primary {
	margin: 0 0px 0 0;
	position: relative;
}

aside {
	width: 230px;
	float: right;
}


/** RESPONSIVE BREAKPOINTS
================================================**/

@media(max-width: 1040px){

	.inner {
		width: 100%;
	}

	.reference-wrap {
		right: 20px;
	}

	aside {
		padding-right: 20px;
	}

	#primary {
		padding: 0 0px;
	}

	.home h1 {
		width: 90%;
		font-size: 3em;
		margin: 0 auto;
	}

	.home .bx-wrapper {
		width: 90%;
	}

	




}

@media(max-width: 700px){

	#primary {
		margin: 0 0 0px 0;
	}

	aside {
		float: none;
		position: absolute;
		bottom: 0;
		width: 70%;
		padding: 0 20px;
	}



	header nav {
		position: static;
		text-align: center;
	}

	
	.slider #main {
		padding-top: 20px;
	}

}

@media(max-width: 500px){


	aside {
		font-size: 90%;
	}

	

	

}

@media(max-width: 400px){

	nav a {
		padding: 0 5px;
	}

	#primary {
		font-size: 100%;
		margin-bottom: 0px;
	}

}