/* `Basic HTML
----------------------------------------------------------------------------------------------------*/


body{
	font-family: 'proxima-nova', sans-serif;
	font-weight: 100;
}

i, em{
	font-style: italic;
}
b, strong{
	font-weight: 700;
}



p {
	font-family: 'proxima-nova', sans-serif;
	font-weight: 100;
}

ul, li {
	font-family: 'proxima-nova', sans-serif;
	font-weight: 100;
}

h1, h2 {
	font-family: 'bodoni-urw', sans-serif;
	font-weight: 700;
	color: black;
}
h3{
	font-family: 'bodoni-urw', sans-serif;
	font-weight: 700;
	color: #333;
}
h4, h5, h6{
	font-family: 'proxima-nova', sans-serif;
	font-weight: 700;
	color: #222;
}

a{
	text-decoration: underline;
	color:#828282;
	display:inline;
}
a:hover{
	text-decoration: underline;
	color: black;
}
a:focus {
	outline: 0px none;
}


hr {
	border: 0 #d2cfc6 solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	border-width: 0px;
	text-align: left;
	font-size: 5em;
	line-height: 1.1em;
}

.home .introblock h1{
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 100;
}

h2 {
	text-align: left;
	font-size: 4.4em;
	line-height: 1.1em;
		color: #7c989f

}
@media (max-width: 1250px){
	h2 {
		font-size: 3.3em;
	}
}
@media (max-width: 960px){
	h2 {
		font-size: 3.0em;
	}
}
@media (max-width: 770px){
	h2 {
		font-size: 2.8em;
	}
}
@media (max-width: 680px){
	h2 {
		font-size: 2.4em;
	}
}
@media (max-width: 370px){
	h2 {
		font-size: 2.2em;
	}
}


h3 {
	text-align: left;
	font-size: 3.4em;
	line-height: 1.1em;
	margin-right: 10px;
}
.grid_7 h3 {
	__margin-top: 0.5em;
}
@media (max-width: 1500px){
	h3 {
		font-size: 2.8em;
	}
}
@media (max-width: 1400px){
	h3 {
		font-size: 2.2em;
	}
}
@media (max-width: 1300px){
	h3 {
		font-size: 1.7em;
	}
}
@media (max-width: 1100px){
	h3 {

		font-size: 1.6em;
	}
}
@media (max-width: 960px){
	h3 {
		font-size: 1.5em;
	}
}
@media (max-width: 720px){
	h3 {
		font-size: 1.4em;
	}
}
@media (max-width: 640px){
	h3 {
		font-size: 1.2em;
	}
}
@media (max-width: 480px){
	h3 {
		font-size: 1.1em;
	}
}

h4 {
	text-align: left;
	font-size: 1.8em;
	line-height: 1.2em;
	___color: #7c989f
}
@media (max-width: 1250px){
	h4 {
		font-size: 1.7em;
	}
}
@media (max-width: 770px){
	h4 {
		font-size: 1.4em;
	}
}
@media (max-width: 680px){
	h4 {
		font-size: 1.3em;
	}
}
@media (max-width: 480px){
	h4 {
		font-size: 1.2em;
	}
}

h5 {
	text-align: left;
	font-size: 1.5em;
	line-height: 1.2em;
}
@media (max-width: 770px){
	h5 {
		font-size: 1.3em;
	}
}
@media (max-width: 680px){
	h5 {
		font-size: 1.2em;
	}
}


h6 {
	text-align: left;
	font-size: 1.3em;
	line-height: 1.2em;
}
@media (max-width: 770px){
	h6 {
		font-size: 1.2em;
	}
}



p.notes{
	font-size: 0.9em !important;
	color: #c4c4c4;
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
}
.grid_wrap p,
article p{
	padding: 0px 10px 10px 0px;
	margin: 1em 0 0 0;
	font-size: 1.3em;
	line-height: 1.6em;
	text-align: left;
}
@media (max-width: 1300px){
	.grid_wrap p,
	article p{
		font-size: 1.2em;
		line-height: 1.4em;
	}
}
@media (max-width: 1100px){
	.grid_wrap p,
	article p{
		margin: 0.5em 0 0 0;
		font-size: 1.1em;
		line-height: 1.5em;
	}
}
@media (max-width: 960px){
	.grid_wrap p,
	article p{
		font-size: 1.0em;
		line-height: 1.4em;
	}
}
@media (max-width: 480px){
	p {
		margin: 0 0 0 0;
		font-size: 0.9em;
		line-height: 1.3em;
	}
}

article p:first-of-type {
}



/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
	text-align: left;
	font-weight: normal;
	margin: 5px 10px;
}

li {
	margin: 5px 10px;
	font-size: 1.1em;
	line-height: 1.4em;
}

dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 10px;
}