/*Utils*/

html {
	font-size: 1em;
	line-height: 1.4;
	color: #222;
}
h1, h2, h3, h4, h5, h6 {
	color: #222;
	font-family: Alegreya\ Sans, sans-serif;
	line-height: 1.2;
	margin: .5em 0;
	font-weight: normal;
}

img {
	width: 100%;
}

.fixed-width .container {
	padding-left: 0;
	padding-right: 0;
}


.strath-bootstrap p {
	font-size: 1rem;
	color: #495057;
}

.clearfix, .row{
	zoom: 1;	
}

.clearfix:before, .clearfix:after, .row:before, .row:after {
    content: "";
    display: table;
}

*, *::after, *::before {
    box-sizing: border-box;
}



/*SBS Sideband*/
div.sideband.quarter {
	margin-top: 2em;
	width: 24.30%;
}
div.sideband {
	-webkit-font-smoothing: antialiased;
	border-left-style: solid;
	border-left-width: 10px;
	border-left-color: #ffffff;
	box-sizing: border-box;
	color: #222;
	display: inline-block;
	float: left;
	font-family: Alegreya\ Sans, sans-serif;
	line-height: 2em;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	text-align: left;
	width: 32.30%;
}
div.sideband.border-left-red {
	border-left-color: #ee3224;
}
div.sideband.quarter h3 {
	padding-left: .3em;
}
.strath-bootstrap div.sideband.quarter p {
	line-height: 2em;
}

@media (min-width: 576px) {
	.strath-bootstrap .container {
		max-width: 1140px;
	}
	.strath-bootstrap h2 {
		font-size: 1.712rem;
	}
}
@media (min-width: 768px) {
	.strath-bootstrap .container {
		max-width: 1140px;
	}
	.strath-bootstrap h3, .strath-bootstrap .banner-buttons .banner-button-header h2 {
		font-size: 1.68525rem;
	}
}
@media screen and (max-width: 800px) {
	div.sideband, div.sideband.third, div.sideband.quarter {
		width: 100%;
		border-width: 0 0 0 0;
	}
	div.sideband.third, div.sideband.quarter h3 {
		font-size: 2em;
	}
	div.sideband.third, div.sideband.quarter p {
		/*This rule is in place on www.strath.ac.uk but looks like a mistake?/*
		/*font-size: 2em;*/
	}
}
@media (min-width: 992px) {
	.strath-bootstrap .container {
		max-width: 1140px;
	}
	.strath-bootstrap h2 {
		font-size: 2.14rem;
	}
	.strath-bootstrap h3, .strath-bootstrap .banner-buttons .banner-button-header h2 {
		font-size: 1.8725rem;
	}
}
@media (min-width: 1200px) {
	.strath-bootstrap .container {
		max-width: 1140px;
	}
}