/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
field set, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, fig caption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}

block quote:before, block quote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Web Symbols font - http://www.justbenicestudio.com/studio/websymbols/ */

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('../fonts/websymbols/websymbols-regular-webfont.eot');
    src: url('../fonts/websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/websymbols/websymbols-regular-webfont.woff') format('woff'),
         url('../fonts/websymbols/websymbols-regular-webfont.ttf') format('truetype'),
         url('../fonts/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*main styles*/

html {
	background: url(../img/bg_main.jpg) repeat
}
	
body {
	font-family: Arial, helvetica, sans-serif;
	font-size: 16px;
	color: #f7f7f7;
}	

hr {
	width: 100%;
	margin: 0;
	outline: none;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	border-top: 1px solid rgba(0, 0, 0, 0.8);
	clear: both;
}

a {
	color: #dd573d;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p, ul, ol {
	font-family: "Droid Sans";
	color: #aeaeae;
	font-size: 16px;
	line-height: 1.6em;
	padding: 0 0 24px 0;
}

em {
	font-style: italic;
}
	
strong {
	font-weight: bold;
	color: #FEFEFE;
}	

code {
	font-family: "Courier New", monospace;
	font-size: 1.2em;
}
	
img {
	max-width: 100%;
	vertical-align: sub; /*prevents the annoying presence of a margin underneath the img*/	
}

h1 {
	
}

h2 {
	font-family: "Oswald";
	color: #fefefe;
	font-size: 24px;
	line-height: 1.5em;
	padding: 0 0 22px 0;
	font-weight: normal;	
}

h3 {
	font-family: "Droid Sans";
	color: #dd573d;
	font-size: 18px;
	line-height: 1.5em;
	padding: 0 0 22px 0;
	font-weight: normal;	
}

h4 {
	font-family: "Droid Sans";
	color: #dd573d;
	font-size: 18px;
	line-height: 22px;
	padding: 0 0 22px 0;
	font-weight: normal;	
}
	
/*symbols*/	

.symbol {
	font-family: "WebSymbolsRegular";
}

/*band*/

.band {
	background: rgba(0, 0, 0, 0.4);
	border-top: 1px solid #252222;
	border-bottom: 1px solid #252222;
	text-align: right;
	padding: 0 0 15px 0;
}

.main_menu {
	font-size: 16px;
	padding: 0px;
}
	
.main_menu li {
	display: inline;
}
	
.main_menu li a {
	padding: 0 12px;
	margin: 18px 0 0 0;
	display: inline-block;
	text-transform: uppercase;
	color: #898989;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 30px;
	letter-spacing: 0.2em;
	text-shadow: 1px 1px 0px #000; 
	cursor: pointer;
	
	-moz-border-radius: 40px; 														
  	-webkit-border-radius: 40px; 													
   	border-radius: 40px;
   	
   	-webkit-transition: background,color 0.2s ease-out;  /* Saf3.2+, Chrome */
 	-moz-transition: background,color 0.2s ease-out;  /* FF4+ */
 	-ms-transition: background,color 0.2s ease-out;  /* IE10? */
    -o-transition: background,color 0.2s ease-out;  /* Opera 10.5+ */
	transition: background,color 0.2s ease-out; 
          
}
	
.main_menu li a:hover,
.main_menu li a.selected {
	background: #292826;	
	color: #eaeaea;
}

/*hide select version of menu for the time being...*/

nav select {
  display: none;
  height: 28px;
}
		
/*layout*/

.wrapper {
	max-width: 900px; /*set this maximum to whatever you like - you can even remove it if you prefer*/
	margin: 0 auto;
}

.wrapper hr {
	margin: 40px 0;
}

section {
	min-height: 800px;
}

section.final {
	min-height: 0px; /*just get rid of the last long section, so the footer doesn't get ignored*/
}
	
section .wrapper {
	background: url(../img/bg_grid.png) no-repeat top center;
	padding: 40px 0;
	width: 80%;
}


nav.wrapper {	
	width: 80%;
}

/*clearfix the columns*/

.clearfix:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0;
        }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*header*/

header {	
	background-color: #b03225;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b03225), to(#771111)); /* Saf4+, Chrome */
  	background-image: -webkit-linear-gradient(top, #b03225, #771111); /* Chrome 10+, Saf5.1+, iOS 5+ */
  	background-image:    -moz-linear-gradient(top, #b03225, #771111); /* FF3.6 */
  	background-image:     -ms-linear-gradient(top, #b03225, #771111); /* IE10 */
  	background-image:      -o-linear-gradient(top, #b03225, #771111); /* Opera 11.10+ */
  	background-image:         linear-gradient(top, #b03225, #771111);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b03225', EndColorStr='#771111'); /* IE6–IE9 */
    
    text-align: center;
            
}

header .band {
	background: rgba(156, 14, 14, 0.3);
	border-bottom: rgba(255, 255, 255, 0.05) 1px solid;
	border-top: none;
	padding: 15px 0;
}
	
header div.wrapper {
	background: url(../img/bg_top_glow.png) no-repeat top center;
	padding: 40px 10% 20px 10%;
}
	
header div.wrapper img.main_image {
	margin: 0 0 -20px 0; /*this negative margin just pulls up the padding at the bottom of the header*/
}
		
header h2 {
	font-size: 90px;
	font-family: "Oswald";
	color: #ffffff;
	line-height: 130px;
	text-align: center;
	padding: 0;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1); 
}
	
header h3 {
	font-size: 40px;
	line-height: 50px;
	font-family: "Oswald";
	color: #ffffff;
	text-align: center;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1); 
}	
	

header .main_menu li a {
	color: rgba(255, 255, 255, 0.7);
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); 
}
	
header .main_menu li a:hover,
header .main_menu li a.selected {
	color: rgba(255, 255, 255, 1);
	background: rgba(156, 14, 14, 0.8);
}	

#call_to_action {
	background-color: #b5ee5c;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b5ee5c), to(#8bc82b)); /* Saf4+, Chrome */
  	background-image: -webkit-linear-gradient(top, #b5ee5c, #8bc82b); /* Chrome 10+, Saf5.1+, iOS 5+ */
  	background-image:    -moz-linear-gradient(top, #b5ee5c, #8bc82b); /* FF3.6 */
  	background-image:     -ms-linear-gradient(top, #b5ee5c, #8bc82b); /* IE10 */
  	background-image:      -o-linear-gradient(top, #b5ee5c, #8bc82b); /* Opera 11.10+ */
  	background-image:         linear-gradient(top, #b5ee5c, #8bc82b);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b5ee5c', EndColorStr='#8bc82b'); /* IE6–IE9 */
     
    padding: 10px 35px;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #3c5614;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
	
	-moz-border-radius: 20px; 														
  	-webkit-border-radius: 20px; 													
   	border-radius: 20px;
   	margin: 25px 0 10px 0;
   	text-decoration: none;
   	
   	position: relative;
   	
	-webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3); /* Saf3.0+, Chrome */
 	-moz-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3); /* FF3.5 - 3.6 */
  	box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3); /* Opera 10.5, IE9, FF4+, Chrome 10+ */

       
     
}
	
#call_to_action:hover {	
   	top: 1px;
   	color: #293c0c;
   	
   	  -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.4); /* Saf3.0+, Chrome */
     -moz-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.4); /* FF3.5 - 3.6 */
          box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.4); /* Opera 10.5, IE9, FF4+, Chrome 10+ */
          
}	

/*logo*/
hgroup.logo h1 {
	display: block;
	height: 65px;
	width: 120px;
	float: left;
		
	/*transitions for the media queries*/	
	  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	     -moz-transition: all 0.3s ease-out;  /* FF4+ */
	      -ms-transition: all 0.3s ease-out;  /* IE10? */
	       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	          transition: all 0.3s ease-out;
	          
}
	
hgroup.logo a {
	display: block;
	height: 65px;
	width: 120px;
	background: url(../img/logo.png) no-repeat 0 0;
	text-indent: -9999%;
	text-align: left;
	outline: none;
	border: none;
	
	/*transitions for the media queries*/	
	  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	     -moz-transition: all 0.3s ease-out;  /* FF4+ */
	      -ms-transition: all 0.3s ease-out;  /* IE10? */
	       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	          transition: all 0.3s ease-out;


}

hgroup.logo p {
	font-size: 16px;
	float: left;
	padding: 20px 15px 0 15px;
	color: #fff;
		
	/*transitions for the media queries*/	
	  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	     -moz-transition: all 0.3s ease-out;  /* FF4+ */
	      -ms-transition: all 0.3s ease-out;  /* IE10? */
	       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	          transition: all 0.3s ease-out;
	          
}
	
/*cols*/

.col_1 { /*if you really need it*/
	float: left;
	width: 100%;
	margin: 0;
		          
}

.col_2 {
	float: left;
	width: 47%;
	margin: 0 6% 0 0;
	
	/*transitions for the media queries*/	
	  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	     -moz-transition: all 0.3s ease-out;  /* FF4+ */
	      -ms-transition: all 0.3s ease-out;  /* IE10? */
	       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	          transition: all 0.3s ease-out;
	          
}
	
.col_3 {
	float: left;
	width: 29%;
	margin: 0 6% 0 0;
	
	/*transitions for the media queries*/	
	  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	     -moz-transition: all 0.3s ease-out;  /* FF4+ */
	      -ms-transition: all 0.3s ease-out;  /* IE10? */
	       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	          transition: all 0.3s ease-out;	
}

.col_last {
	margin: 0px;
	float: right;
}

/*product images*/

figure {
	background: rgba(0, 0, 0, 0.4);
	text-align: center;
	padding: 10px;
	border-radius: 2px;
	margin: 0 0 24px 0;
	position: relative;
}	

figcaption {
	font-family: "Droid Sans";
	color: #898989;
	font-size: 12px;
	line-height: 1.5em;
	padding: 15px 0 5px 0;
	text-align: center;
}

.lightbox {
	position: relative;
	display: block;
	text-decoration: none;
}

.lightbox::before { /*add the zoom icon to the exact center of lightbox anchors*/
	content: "+";
	font-family: "WebSymbolsRegular";
	font-size: 40px;
	width: 1em;
	height: 1em;
	line-height: 1em;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -.5em 0 0 -.5em;
	color: #ffffff;
	z-index: 5;
}

.lightbox img {
	position: relative;
	z-index: 10;
	
   	-webkit-transition: opacity 0.2s ease-out;  /* Saf3.2+, Chrome */
 	-moz-transition: opacity 0.2s ease-out;  /* FF4+ */
 	-ms-transition: opacity 0.2s ease-out;  /* IE10? */
    -o-transition: opacity 0.2s ease-out;  /* Opera 10.5+ */
	transition: opacity 0.2s ease-out; 
}

.lightbox:hover img {
	opacity: 0.3;
}

/*fluid video and other embeds - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video*/

.embed {
    position: relative;
    padding: 0px;
    padding-bottom: 56.25%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
}

.embed iframe,
.embed object,
.embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	width: 100%; 
	margin: 0 0 20px 0; 
	padding: 10px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 2px;
}

.flexslider .slides {
	list-style: none;
	padding: 0px;
}

.flexslider .slides > li {
	display: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
	max-width: 100%; 
	display: block;
}
	
.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/*pagination - also applies to the flex-direction-nav controls*/

.flex-direction-nav,
.flex-control-nav,
.pagination {
	list-style: none;
	text-align: center;
	width: 100%;
	clear: both;
	padding: 5px 0 0 0;
}

.flex-direction-nav li,
.flex-control-nav li,
.pagination li {
	display: inline;
	line-height: 30px;
	font-size: 30px;
	margin: 0 5px;
  	opacity: 0.2; 
}

.flex-direction-nav li a,
.flex-control-nav li a,
.pagination li a {
	text-decoration: none;
	color: #ffffff;	
	cursor: pointer;
}

.flex-direction-nav li:hover,
.flex-control-nav li:hover,
.pagination li:hover {	
  	opacity: 0.8; 
}

.flex-direction-nav li:first-child a,
.flex-direction-nav li:last-child a,
.pagination li:first-child a,
.pagination li:last-child a {
	font-family: "WebSymbolsRegular";
}

/*quote*/

blockquote {
    color: #AEAEAE;
    font-family: "Oswald";
    font-size: 32px;
    line-height: 44px;
    padding: 24px 0 24px 80px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    clear: both;
}

blockquote:before {
	content: '"';
	display: block;
	position: absolute;
	top: 80px;
	left: 0;
	font-size: 200px;
	color: rgba(174, 174, 174, 0.1);
	text-shadow: none;
}
		
/*features*/	

.features {
	list-style: none;
}

.features li {
	font-family: "Droid Sans";
	color: #aeaeae;
	font-size: 16px;
	line-height: 1.6em;
	padding: 0 60px 0 30px;
	position: relative;
}
	
.features li:after {
	content: ">";
	display: inline;
	position: absolute;
	top: 0;
	left: 0;
	font-family: "WebSymbolsRegular";
	font-size: .5em;
}
	
.features li em {
	font-family: Arial, helvetica, sans-serif;
	position: absolute;
	top: 3px;
	right: 0;
	color: #858585;
	font-size: 10px;
	letter-spacing: 0.3px;
	line-height: 10px;
	font-weight: bold;
	padding: 3px 6px;	
	background: rgba(0, 0, 0, 0.8);
	text-transform: uppercase;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); 
	
	-moz-border-radius: 2px; 														
  	-webkit-border-radius: 2px; 													
   	border-radius: 2px;
}	
	
.features li:hover em {
	background: #dd573d;
	color: rgba(0, 0, 0, 0.6);
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2); 
	
}		
	
.features {
	margin: 0 0 22px 0;
}	
	
/*footer*/	

footer .wrapper {
	padding: 20px 10%;
}

footer p {
	font-size: 12px;
	padding: 20px 0 20px 40px;
	position: relative;
}

footer span.symbol {
	position: absolute; 
	top: 15px;
	left: 0;
	line-height: 30px;
	font-size: 30px;
	color: #ffffff;
	opacity: 0.2;
}	

footer a.symbol {
	font-size: 30px;
	color: #ffffff;
	margin: 15px 10px 0 0;
	display: inline-block;
	text-decoration: none;
	opacity: 0.2;
}	

footer a.symbol:hover {
	opacity: 0.8;
}	
	
/*forms*/

.noshow {
	display: none;
}

.main_form {
	width: 100%
}

.main_form fieldset {
	width: 100%; 
	border: none;
	padding: 0px;
	margin: 0px;
}

.main_form label {
	float: left; 
	clear: both; 
	width: 100%; 
	margin: 0 0 15px 0;
}

.main_form label span {
	padding: 0 0 5px 10px;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
}

.main_form input[type=text], 
.main_form textarea {
	border: none;
	background: rgba(0, 0, 0, 0.4); 121110
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	padding: 10px; 
	color: #B6B7B8!important; 
	width: 100%;
	font-size: 16px;
	
	/*counter inputs unusual width properties*/
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.main_form textarea {
	height: 120px
}
	
.main_form select {
	float: left; 
	clear: both;
}

.main_form input[type=text]:focus, 
.main_form textarea:focus {
	background: rgba(0, 0, 0, 0.6); 
	color: #ffffff!important
}

.main_form button {
	clear: both; 
	float: right; 
	cursor: pointer; 
	border: none;
	font-family: Arial, helvetica;
	background-color: #b5ee5c;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b5ee5c), to(#8bc82b)); /* Saf4+, Chrome */
  	background-image: -webkit-linear-gradient(top, #b5ee5c, #8bc82b); /* Chrome 10+, Saf5.1+, iOS 5+ */
  	background-image:    -moz-linear-gradient(top, #b5ee5c, #8bc82b); /* FF3.6 */
  	background-image:     -ms-linear-gradient(top, #b5ee5c, #8bc82b); /* IE10 */
  	background-image:      -o-linear-gradient(top, #b5ee5c, #8bc82b); /* Opera 11.10+ */
  	background-image:         linear-gradient(top, #b5ee5c, #8bc82b);
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b5ee5c', EndColorStr='#8bc82b'); /* IE6–IE9 */
     
    padding: 10px 35px;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #3c5614;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
	
	-moz-border-radius: 20px; 														
  	-webkit-border-radius: 20px; 													
   	border-radius: 20px;
   	margin: 15px 0 10px 0;
   	text-decoration: none;
   	   	
  	-webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3); /* Saf3.0+, Chrome */
  	-moz-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3); /* FF3.5 - 3.6 */
   	box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3); /* Opera 10.5, IE9, FF4+, Chrome 10+ */
}

.main_form button:hover {
   	margin: 16px 0 9px 0;
   	color: #293c0c;
   	
   	-webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.4); /* Saf3.0+, Chrome */
  	-moz-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.4); /* FF3.5 - 3.6 */
  	box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.4); /* Opera 10.5, IE9, FF4+, Chrome 10+ */
	}

.main_form input.error,
.main_form input.error:focus,
.main_form textarea.error,
.main_form textarea.error:focus  {
	background: rgba(220, 60, 40, 0.4)
	}

/*validation*/

.main_form label.error {
	margin: 0; 
	color: #dd573d; 
	padding:10px 0 0 10px; 
	font-size: 12px;
	font-style: italic
	}

/*miscellaneous*/

#fancybox-overlay {
	background-color: #000000!important;
}
	
/* UItoTop jQuery Plugin 1.1 - http://www.mattvarone.com/web-design/uitotop-jquery-plugin/ */

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:30px;
	right:20px;
	font-size: 30px;
	color: #DD573D;
	border:none;
	font-family: "WebSymbolsRegular";
}

#toTop:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=0.7);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/*media queries*/	

/* ----------- */
@media only screen and (max-width : 1824px) {


}

/* ----------- */
@media only screen and (max-width: 959px) {
	
	
}

/* ----------- */
@media only screen and (max-width: 767px) {

	hgroup.logo {
		width: 100%;
	}

	hgroup.logo h1 {
		width: 100%;
	}

	hgroup.logo p {
		width: 100%;
		padding: 0 0 10px 0;
		text-align: center;
	}
	
	hgroup.logo a {
		margin: 0 auto;
	}
	
	.band {
		text-align: center;
	}
	
	.main_menu {
		clear: both;
	}
	
	.main_menu li a {
		margin-left: 0px;
	}


  	
	.col_2 {
		float: none;
		margin: 0;
		width: 100%;
	}

	.col_3 {
		float: none;
		margin: 0;
		width: 100%;
	}
	
	.call h2{
		font-size: 40px;
		line-height: 1.3em;
		display: none;
	}
		
	.call h3 {
		font-size: 28px;
		line-height: 1.3em;
		display: none;
	}

	#call_to_action,
	#call_to_action:hover {
		margin: 15px 0 5px 0;
	}
	
	blockquote {
	    font-size: 24px;
	    line-height: 32px;
	    padding: 12px 0 12px 50px;
	    }
	
	blockquote:before {
		top: 60px;
		font-size: 100px;
	}

	.wrapper hr {
		margin: 24px 0;
	}
}

/* ----------- */
@media only screen and (max-width : 480px) {

	/*hide ul menu, reveal the select*/
  	nav ul.main_menu { 
  		display: none;
  	}
  		
  	nav select {
  		display: block;
  		margin: 15px 0 0 0;
  		width: 100%;
  	}

}

/* ----------- */
@media only screen and (max-width : 320px) {


}