/*
To get started customizing with CSS, we recommend you 
go to http://headwaythemes.com/documentation/developer-resources/css-map/
to get started.

When writing the selectors for the elements, put body.custom at the
beginning.

For an example on how to change the background with custom CSS
we can use the following code.

body.custom {
	background: red;
}
*/

body.custom {
 font-family: myriad-pro-n3,myriad-pro,sans-serif;
font-style: normal;
font-weight: 300;
}

body.custom ul {
 font-family: myriad-pro-n3,myriad-pro,sans-serif;
font-style: normal;
font-weight: 300;
}

.myriadprolight {
 font-family: myriad-pro-n3,myriad-pro,sans-serif;
font-style: normal;
font-weight: 300;
}

.myriadprolightitalic {
font-family: myriad-pro-i3,myriad-pro,sans-serif;
font-style: italic;
font-weight: 300;
}

.myriadproregular {
font-family: myriad-pro-n4, myriad-pro
font-style: normal
font-weight: 400
}

.myriadproitalic {
font-family: myriad-pro-i4, myriad-pro
font-style: italic
font-weight: 400
}

body.custom H3 {
font-family: myriad-pro-n6, myriad-pro
font-style: normal
font-weight: 600
}

.myriadprosemibolditalic {
font-family: myriad-pro-i6, myriad-pro
font-style: italic
font-weight: 600
}

body.custom H2 {
font-family: myriad-pro-n7, myriad-pro
font-style: normal
font-weight: 700
}

.myriadprobolditalic {
font-family: myriad-pro-i7, myriad-pro
font-style: italic
font-weight: 700
}

body.custom h2.entry-title, body.custom h2.entry-title
 {
font-family: myriad-pro-n9, myriad-pro
font-style: normal
font-weight: 900
}

body.custom div#leaf-content
 {
font-family: myriad-pro-n9, myriad-pro
font-style: normal
font-weight: 900
}

.myriadproblackitalic {
font-family: myriad-pro-i9, myriad-pro
font-style: italic
font-weight: 900
}

h1 { font-family: myriad-pro-n9,sans-serif; }
div.header-link-top {float:right!important;}

#post-420 .column {width:33%;float:left;}

@media only screen and (max-width: 768px) {
	#post-420 .column {width:100%;float:none;}
	div#wrapper {width:100%!important;}
	div#header {width:100%!important;}
	div.container {width:100%!important;}
	div#footer {width:100%!important;}
	#leaf-45 {width:90%!important;}
	#header {margin:0 auto;text-align:center;float:none;width:100%!important;}
	#top {margin:0 auto;text-align:center;float:none;width:100%!important;}
	a.header-link-image-inside {float:none;margin:0 auto!important;text-align:center;width:100%!important;display:block;overlay:hidden;}
	a.header-link-image-inside img {float:none;margin:0 auto!important;text-align:center;width:90%!important;display:block;}
}
