@charset "utf-8";
/* Font families, basic sizing and padding around standard font elements eg p, li, and h tags */

body
{
	font-family:"Bitter",Arial,Helvetica,sans-serif;
}

/* font-family: 'Droid Sans', sans-serif; */

.grid-row
{
	font-size:0; /* White space trick */
}

.grid-box
{
	font-size:16px; /* This little beut resets out default size of text after grid-row, above, set it to zero to remove the white space */
}

h1
{
	font-size:3em;
	font-weight:bold;
}

h1.section-smtitle
{
	font-size:1.3em;
	margin: 15px 20px;
}

h2
{
	font-size:2.5em;
	font-weight:bold;
}

h3
{
	font-size:1.9em;
	font-weight:bold;
}

form h3
{
	font-size:1.8em;
	font-weight:bold;
	padding:0 0 8px;
}

h4
{
	font-size:1.5em;
	font-weight:bold;
	padding:0 0 8px;
}

h5
{
	font-size:1.3em;
	font-weight:bold;
	padding:10px 0 8px;
}

h6
{
	font-size:1.2em;
}

p
{
	font-size:1em;
	line-height:1.5;
}

h1, h2, h3, p, ol, ul
{
	margin: 10px 0 15px;
}

ul li
{
	list-style-type:square;
	list-style-position:inside;
	line-height:1.5;
}

ol li
{
	list-style-position:inside;
	line-height:1.5;
}

li
{
	margin: 0 0 10px;
}

nav a
{
	font-size:1em;
}

nav .button
{
	font-weight:normal;
}

.button
{
    font-weight: bold;
}

/* Class specific font css */

.intro
{
	font-size:1.5em;
	font-weight:bold;
}

.text-centre
{
	text-align:center;
}

.text-left
{
	text-align:left;
}

.text-right
{
	text-align:right;
}

.sticky .partTwo.text-right
{
	text-align:left;
}

a:link
{
	text-decoration:none;
}

a:visited
{
}

a:hover
{
	text-decoration:underline;
}

a:active
{
}

.bold
{
	font-weight:bold;
}

.post-details
{
	font-size:.9em;
    color: gray;
}

/* Header sizes need to be scaled down, appropriate to screen size. Core paragraphs need to remain at 16 to stay legible, no header should go below this. */

@media (min-width: 600px) and (max-width: 900px)
{
	h1
	{
		font-size:2.6em;
	}
	
	h2
	{
		font-size:2.3em;
	}
	
	h3
	{
		font-size:2em;
	}
}

@media (min-width:300px) and (max-width: 600px)
{
	h1
	{
		font-size:2.5em;
	}
	
	h2
	{
		font-size:2.2em;
	}
	
	h3
	{
		font-size:1.7em;
	}
}