/* ********* STYLES FOR MINDRIGHT ********* */

* {

	margin: 0;

}

body {

	font-family: montserrat, "Proxima Nova", "Armitage", "open sans";

	font-size: 20px;	

}

/* --- Colours --- */

header, h1, h2, h3, h4, header a, .main a {

	color:#0f99c7; 

}

p {

	color: #303030;

	margin-bottom:.75em;

}

/* --- Headings --- */

header h1, header h4 {

	text-align: center;

	margin:0;

}

header h1 {

	font-size:4em;

}

header h4 {

	margin-top: .33em;	

	font-size:1.25em;

}

.container {

	margin: 0 2em;

}

.main h2 {

	margin-top:2em;

	margin-bottom: 1em;

}

.paraHighlight {

	margin: 1em 0;

}

/* --- Layout --- */

.main {	

	margin:2em 2.25em;

	padding-bottom: 4em;

}

/* ---> Text Formatting <--- */

.main { 

	line-height: 1.5;

	text-align: justify;

}

.main .paraHighlight {

	text-align: center;

	font-style: italic;

	font-size:1.25em;

}

/* --- Images --- */

header img {

	display: block;

	margin-left: auto;

	margin-right: auto;

	width: 20%;

	height: auto;

}

/* --- Links --- */

header a, .main a { 

	text-decoration:none; 

}

.main .inlineRef {

	color: #606060;

}

.pageTop {

	text-align:center;

	position:fixed;

	right: .75em;

	bottom:3em;

	background-color: #ffffff;

}

.pageTop a {

	font-size: .75em;

} 

.pageTop p {

	color: #0F99C7;

	line-height: 1;

}

.end {

	margin: 3em 0;

}

.end p {

	text-align:center;	

	font-size: 14px;

	margin: .5em 0;

}

.topic {

	margin: 0 0;

}

/* --- Media Styles --- */

@media screen and (max-width: 720px) {

	body {

		font-size:1.25em;

	}

	header h1 {

		font-size:2em;

	}

	header h4 {

		font-size:1em; 

		margin-bottom:1em;

	}

	.main h2 {

		margin-top: 1.5em; 

		clear: left;

	}

		

}

.ulineLink a {

	text-decoration: underline;

}

@media screen and (max-width: 1100px) {

	header img { 

		width: 35%;

	}

}

@media screen and (max-width: 768px) {

	.main {

		margin:15px;

	}

	.pageTop { 

		display: none;

	}

	.container {

		margin: 0;

	}

}