/*
--------------------------------------------------------------------------------------

	Various
	objects.various.css

--------------------------------------------------------------------------------------
*/



/*
-------------------------------------------
	Pulls
-------------------------------------------
*/


.ou-pull-left {
	float: left;
	margin: 0 25px 15px 0;
}

.ou-pull-right {
	float: right;
	margin: 0 0 15px 25px;
}

.ou-pull-centre {
	display: block;
	margin: 0 auto 15px auto;
}



/*
-------------------------------------------
	Typography
-------------------------------------------
*/

.ou-introduction {font-size: 1.2em;}

h1.ou-smaller {font-size: 1.8em !important; }
h2.ou-smaller {font-size: 1.4em !important;}
h3.ou-smaller {font-size: 1.2em !important;}
h4.ou-smaller {font-size: 1em !important;}



/*
-------------------------------------------
	Links
-------------------------------------------
*/


h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {text-decoration:none;}


/*
-------------------------------------------
	Misc
-------------------------------------------
*/

hr.ou-hr-small,
#ou-region2 hr {margin:15px 0;}



@media 
only screen and (max-width: 767px), 
only screen and (max-device-width: 767px) {

/* pulls */

.ou-pull-left,
.ou-pull-right,
.ou-pull-centre {max-width:50%;}

} /* end media query */



@media 
only screen and (max-width: 400px), 
only screen and (max-device-width: 400px) {


/* pulls */

.ou-pull-left,
.ou-pull-right,
.ou-pull-centre {
	float:none;
	max-width:100%;
	margin:0 0 20px 0;	
}

.ou-pull-left--mobile {
	float: left;
	margin: 0 25px 15px 0;
}

.ou-pull-right--mobile {
	float: right;
	margin: 0 0 15px 25px;
}

.ou-pull-centre--mobile {
	display: block;
	margin: 0 auto 15px auto;
}


} /* end media query */