* {box-sizing: border-box;}

main {padding: .5em;
margin: 2em 2% 0 2%;
background-color:  transparent;
z-index: 1;
position: relative;
border: none;}

section {margin: 0 1%;
padding: 7px 1%;
background-color: transparent;
border-bottom: 1px solid #aaa;}

#gfface {box-shadow: none;}

section:after {
content: "";
clear: both;
display: block;
}
[class*="col-"] {
    float: left;
    padding: 0 0 3.5% 0;
	margin: 0;
	border: none;
	background-color:	transparent;}
	
[class*="nav-"] {
   float: left;
	margin: 0 0 .4em 0;
	padding: .2em;
	background-color:	transparent;}
	
body	{font-family: 	"avenir", sans-serif;
font-weight: 	lighter;
font-size: medium;
text-align:	center;
line-height:	1.2em;
background-color:	#fff;
background: url(img/art/pattern.jpg) repeat;
padding: 0;
margin: 0 0 0 0;}

header	
{top:	0px;
position:	relative;
z-index: 3;
opacity: 1;
margin:	0 0 0 0; 
padding:	.7em 0 .5vmin 0;
width:	100%;
background: #000;}

header img
 {width:	54vmin;
margin-top: .7em;
margin-bottom: 5px;}

header div {
display: block;
width: 100%;
margin-top: 1.5em;
background-color: #233549;
padding: .1em 0 1.2em 0;}

nav
{margin: 0;
padding: 0 .05em;
float: left;
line-height: 70%;
width: 25%;
position: relative;
background-color: #233549;}
nav a:link {color: #bbb;
text-align: center;
letter-spacing: 0.03em;
font-weight: 400;
font-size: .7em;
text-decoration: none;}
nav a:visited {color: #aaa;}
nav a:hover {color: #fff;}
nav a:active {color: #cf0;}

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
[class*="nav-"] {
    width: 25%;
}
@media only screen and (min-width: 480px) {
    /* For tablets: */
	 .col-05-m {width: 4.166%;}
    .col-1-m {width: 8.33%;}
	 .col-15-m {width: 12.5%;}
	 .col-14-m {width: 14%;}
    .col-2-m {width: 16.66%;}
    .col-3-m {width: 25%;}
    .col-4-m {width: 33.33%;}
    .col-45-m {width: 37.5%;}
    .col-5-m {width: 41.66%;}
    .col-6-m {width: 50%;}
    .col-7-m {width: 58.33%;}
    .col-8-m {width: 66.66%;}
    .col-9-m {width: 75%;}
    .col-10-m {width: 83.33%;}
    .col-11-m {width: 91.66%;}
    .col-12-m {width: 100%;}
	
 .nav-2-m {width: 16.66%;}
  .nav-3-m {width: 25%;}
 .nav-4-m {width: 33.33%;}
.nav-6-m {width: 50%;}
 .nav-12-m {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
	 .col-05 {width: 4.166%;}
    .col-1 {width: 8.33%;}
    .col-15 {width: 12.5%;}
	  .col-14 {width: 14%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
   .col-45 {width: 37.5%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
	
 .nav-2 {width: 16.66%;}
  .nav-3 {width: 25%;}
 .nav-4 {width: 33.33%;}
.nav-6 {width: 50%;}
 .nav-12 {width: 100%;}
}	
p	{font-size: 1em;
display: 	block;
margin:  0 0 0 0.5em;
line-height:	110%;
color:	#54556a;}
h1	{font-family: 	"georgia", serif;
margin:	0em 0 0 0;
padding:	.1em 0 0 0;
font-weight: 500;
letter-spacing: 0.02em;
word-spacing: 0.1em;
font-size: 	5.7vmin;
line-height:	95%;
color:	#fff;}
h2	{
font-size: 	2.7vmax;
margin: .2em 0 0 0;
padding:	.2em 0 0.2em 0;
text-align: left;
line-height:	110%;
font-weight: 	600;
color:	#444;}
h2 span {color:  #333;}
h3	{font-size: 	1.5em;
text-align: left;
margin:	 .2em 0 0 0;
line-height:	100%;
padding:	0 0 0 0;
color:	#b0600f;}
h4	{font-size: 	70%;
margin:	0;
color: #fff;
line-height:	100%;
font-weight: 300;
padding:	0; }
h5	{margin:	0 0 .2em 0;
padding:	.5em 0 0 0;
font-weight: 700;
font-size: 	1.1em;
line-height:	115%;
color:	#333;}
h6	{font-size: 	2vw;
text-align:	center;
margin:	0 0 .2em 0;
letter-spacing: 0.2em;
line-height:	100%;
font-weight: 	lighter;
padding:	0 0 0.1em 0;
color:	#737373;}
#wheel {top:	80%;
position:	fixed;
z-index: 4;
opacity: 1;
background: transparent;}


section h2 {text-align: center;}

section img 	
{display: inline;
clear: none;
width: 90%;
margin: 7% 0 7% 0;
box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.3), 0 8px 20px 0 rgba(0, 0, 0, 0.23);
border: 1px solid #eaeaea;}
section.icon img
{width: 67%;}
section ul li 	
{text-align: left;
color:	#54556a;
font-size: 	1.2em;
line-height: 120%;
font-weight: 500;
list-style-type: square;}
section p 
{text-align: center;
line-height: 130%;
font-size: 	1em;
margin: 0 0 0.5em 0;}
article {margin: 0 5%;
padding: 100px 0 100px 0;
background-color: transparent;
border-bottom: 1px solid #df9143;}
article p 
{text-align: left;
line-height: 130%;
font-size: 	1em;
margin: 0 0 0.5em 0;}
article:after {
    content: "";
    clear: both;
    display: block;
}
article ul li 	
{text-align: left;
color:	#000;
font-size: 	1.25em;
line-height: 150%;
font-weight: 500;
list-style-type: square;
}
article div img 	
{display: inline;
margin: 2% 0;
clear: none;
width: 75%;
margin: 3% 0 0 0;
 box-shadow: 0 9px 12px 0 rgba(0, 0, 0, 0.4), 0 8px 20px 0 rgba(0, 0, 0, 0.23);
border: 1px solid #eaeaea;}
article.icon img
{width: 50%;}
a:link	{color:	#555; 
text-decoration:	none;
background-color:	transparent;}
a:visited	{color:	#555; 
text-decoration:	none;
background-color:	transparent;}
a:hover	{
color:	#ff7c09;	
font-size: 1em;
text-decoration:	none;}
a:active	{
color:	#444;
text-decoration:	none;
background-color:	transparent;}
footer	{clear:	both;
width:	100%; 
height: 123px;
color:	#444;
line-height:	137%;
padding:	.5em 0 3px 0; 
margin:	.5em 0 0 0;
text-align:	center;
font-size: 	1em;
background-color:	#fff;}
footer ul  { 
padding: 2px 0 0 0;
margin: 0;
list-style-type: none;}
footer ul li { 
display: inline;
margin:	2px 0 0 0;
padding:	0;}
footer ul li  img{ 
margin:	0px 3px;
padding:	1px}
p.small	{margin-top:	.3em;
font-size:	.7em;
line-height:	110%;
text-align:	center;
color:	#333;}
form
{line-height:	30%;
padding: 0 0;
margin: 0 auto;
text-align:	left;}
form p
{font-size: .9em;
color:	#444;
margin: 13px 0 0 0;
line-height:	90%;
text-align:	left;}
.dropdown {
position:	fixed;
padding: 0 5px;
margin: 0;
opacity: 1;
background-color: transparent;	
z-index: 5;
left:	10px;
 top:	10px;
 border: none;
display: inline-block;}
.dropdown h3 {font-size: .9em;
color: #333;
margin: 7px 0 3px 0;}
.dropdown p {font-size: .9em;
color: #333;
line-height: 113%;}
.dropdown-content {
text-align:	left;
padding: 0 5px;
line-height: 133%;
display: none;
overflow: auto;
position: absolute;
background-color: #fff;
min-width: 210px;
z-index: 2;}
 .dropdown a:hover {
color: #ffc;
background-color: #fff;
display: block;}
.dropdown:hover .dropdown-content {
background-color: #eee;
display: block;}