@font-face {
font-family: 'Avenir Next LT Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Regular'), url('fonts/AvenirNextLTPro-Regular.woff') format('woff');
}

body {
    font-family: 'Avenir Next LT Pro Regular', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
    background-color: #FFFFFF;
	color: #666666;
    margin: 0px;
    padding: 0px;
	line-height: 20px;
}
.container {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
.content {
	width: 600px;
	margin: 120px auto 100px auto;
	text-align: left;
}
.title {
    font-size: 24px;
	line-height: 30px;
}
.greytext {
    color: #666666;
}
.whitetext {
    color: #FFFFFF;
}
.textonblack {
    color: #FFFFFF;
	background-color: #000000;
}
.textongrey {
    color: #FFFFFF;
	background-color: #BDD8B8;
}
A:link {
    color: #66CC00;
    text-decoration: none;
}   
A:visited {
    color: #66CC00;
    text-decoration: none;
}
A:active {
    color: #3da204;
    text-decoration: none;
}   
A:hover {
    color: #3da204;
    text-decoration: none;
}

@media screen and (max-width: 999px) {
	body {
		font-size: 16px;
		line-height: 20px;
	}
	.title {
		font-size: 26px;
		line-height: 30px;
	}
	.content {
		width: 90%;
		margin: 10% 5%;
		text-align: left;
	}
}