/* LAYOUT [LARGE]
----------------------------------------------------------------------------------------*/
#wrapper {
    max-width: 100%;
    margin: 0 auto;}

footer { margin: 0 auto; }

.navigation li a { font-size: 0.95em; }

.content {
    max-width: 35em;
    margin: 6em auto 4em;
    display: block;
    padding: 0;}

.content + .content {
    max-width: 35em;
    margin: 4em auto;
    display: block;}

.content_large {
    max-width: 60em;
    margin: 4em auto;
    display: block;
    padding: 0;}

#hero_wrapper { padding: 0; }
#hero { margin: 0 auto;}

a.logo {
	margin: 2em auto 0.75em;
	display: block;
    border-bottom: none;
    font-size: 2.5em;
    }

.flexslider .slides img {width: 70%; display: block; height: 100%; border: 10px solid #fff;}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dppx) { 
	
}


/* TYPOGRAPHY
----------------------------------------------------------------------------------------*/

h1 { font-size: 2.25em; margin-bottom: 1em; }

h2 { font-size: 1em; }

h3 { font-size: 1.4em; }

h4 { font-size: 1.3em; }

h5 { font-size: 1.3em; }

p { font-size: 1.25em; }


/* COLUMNS
----------------------------------------------------------------------------------------*/

.row {
	clear: both;
	width: 100%;
    max-width: 60em;
    margin: 0 auto 2.5em;
    display: block;}

.column {
	display: block;
	float: left;
    padding: 0 0.5% 0 0.5%;}

.column + .column { margin: 0 auto; }

.column:first-child { margin-left: 0; }

.column p + p { margin-top: 1em; }

.span_33 {
    width: 33.3333%}

.span_50 {
    width: 50%;
    padding: 0 2.5% 0 2.5%;}

.span_25 {
    width: 40%;
    padding: 0 2.5%;}

.span_75 {
    width: 60%;
    padding: 0 2.5%;}


/* LAYOUT [MEDIUM]
----------------------------------------------------------------------------------------*/
@media screen and (min-width: 30em) and (max-width: 63.236em) {

#wrapper {
    max-width: 100%; 
    margin: 0 auto;}

a.logo {
	margin: 2em auto 0.75em;
	display: block;
    border-bottom: none;
    font-size: 2em;
    }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dppx) { 
	
}

/* TYPOGRAPHY
----------------------------------------------------------------------------------------*/

h1 { font-size: 2em; }
h2 { font-size: 0.85em; }
p { font-size: 1.25em; }

.content {
    max-width: 35em;
    margin: 4em auto 4em;
    display: block;
    padding: 0 5%;}

.content + .content {
    max-width: 35em;
    margin: 4em auto;
    display: block;}

.content_large {
    max-width: 60em;
    margin: 4em auto;
    display: block;
    padding: 0 5%;}

#hero_wrapper { padding: 0 2.5%; }
#hero { margin: 2.5em auto;}

.navigation li a { font-size: 0.75em; }
.navigation li {
	padding: 1% 1% 1% 1%;}

.flexslider .slides img {width: 80%; display: block; height: 100%; border: 10px solid #fff;}

}

@media screen and (max-width: 800px) {
    
.row {max-width: 60em; }
.column { float: none; margin: 0 auto; }
.column + .column { margin: 2.5em auto; }
.span_50, .span_33, .span_25, .span_75 { width: 95%; padding: 0 2.5% 0 2.5%;}

h3, h4 { text-align: center; }

}