* {box-sizing: border-box;}
body	{font-family: "calibri", sans-serif;
font-weight: 300;
font-size: medium;
letter-spacing: .025em;
text-align:	center;
line-height: 1.2em;
background-color: #fff;
padding: 0;
margin: 0 5px;}
header {top: 0px;
position: relative;
opacity: 1;
margin: 0 auto; 
padding: 0;
width: 100%;
border: none;
background-color: #fff;}
header img {width: 54vmin;
margin-top: 0;
margin-bottom: 0px;}
main {padding: 0;
margin: 2%;
background-color:  transparent;
z-index: 1;
position: relative;
border: none;}
p	{font-size: 1 em;
display: block;
margin: 0;
line-height: 120%;
color:	#555;}
h1	{
margin:	0;
padding: 0 0 0.5% 0;
font-weight: 400;
word-spacing: 0.1em;
letter-spacing: .03em;
font-size: 5.9vmin;
z-index: 5;
line-height: 95%;
color:	#777;}
h1 span {color:  #ae9267;}
h2	{
font-size: 	1.4em;
margin: 0 0 7px 0;
padding: 0;
text-align: center;
line-height: 97%;
font-weight: 600;
color:	#555;}
h3	{font-size: 	1.1em;
margin: 0 0 3px 0;
padding: 0;
text-align: center;
line-height: 110%;
font-weight: 600;
color:	#555;}
h4	{font-size: 70%;
margin:	0;
color: #555;
line-height: 100%;
font-weight: 300;
padding: 0; }
h5 {margin: 0 0 .2em 0;
padding: .5em 0 0 0;
font-weight: 500;
font-size: 1.15em;
line-height: 115%;
color: #555;}
h6 {font-size: 2vw;
text-align:	center;
margin:	0 0 .2em 0;
line-height: 100%;
font-weight: lighter;
padding: 0 0 0.1em 0;
color:	#555;}
section {margin: 0 4% 7px 4%;
padding: 0;
background-color: transparent;
border: none;
border-bottom: 2px solid #ae9267;}
section:after {
content: "";
clear: both;
display: block;}
section img  {display: inline;
clear: none;
width: 95%;
padding: 0px;
margin: 2% 1% 0 1%;
border: 1px solid #808080;}
section p {text-align: center;
line-height: 120%;
font-size: 	1em;
margin: 0 0 0.2em 0;}
section.top p {
display: block;
margin:  0 10% 10px 10%;
line-height: 110%;
}
section.icon img{width: 90%;
padding: 0;
margin: 2px 2% .5% 2%;
border: 1px solid #808080;}
section ul li  {text-align: left;
color:	#555;
font-size: 	1em;
line-height: 1.2em;
font-weight: 500;
list-style-type: square;}
.dropbtn {position:	fixed;
color: #777;
padding: 0;
margin: 1px;
cursor: pointer;
font-size: 1.6em;
border: none;
background-color: transparent;}
.dropdown {position:	fixed;
margin: 0px;
padding: 7px;
opacity: 1;
background-color: transparent;	
z-index: 5;
left: 15px;
 top: 10px;
 border: none;
display: inline-block;}
.dropdown p{font-size: .8em;
color: #222;
padding: .3em 1em .3em;
font-weight: 300;
line-height: 125%;
border-bottom: 1px solid #777;}
.dropdown-content {text-align:	left;
width: 180 px;
padding: 2 px;
margin: 0;
display: none;
overflow: auto;
position: absolute;
background-color: #fff;
z-index: 2;}
.dropdown a:hover {color: #ffc;
background-color: #fff;
display: block;}
.dropdown:hover .dropdown-content {
background-color: #eee;
display: block;}
nav {display: inline-block;
width: 100%;
margin: 5px 0;
padding: 0;
border: left;}
[class*="nav-"] {
float: left;
opacity: 1;
margin: 0;
padding: .2em;
background: #f6f6f6;
border: 1px solid #eee; }
nav a:link {color: #686766;
text-align: center;
padding: 0;
font-weight: 400;
font-size: 1em;
text-decoration: none;}
nav a:visited {color: #686766;}
nav a:hover {color: #929191;}
nav a:active {color: #686766;}
[class*="col-"] {
 float: left;
padding: 0;
margin: 0;
border: none;
background-color:	transparent;}
@media only screen and (max-width: 425px)
/* For mobile phones: */
[class*="col-"] {width: 100%;}
[class*="nav-"] {width: 50%;
margin: 0}
@media only screen and (min-width: 600px) 
{
/* For tablets: */
.col-m-05 {width: 4.166%;}
.col-m-1 {width: 8.33%;}
.col-m-15 {width: 12.5%;}
.col-m-14 {width: 14%;}
.col-m-2 {width: 16.66%;}
.col-m-3 {width: 25%;}
.col-m-4 {width: 33.33%;}
.col-m-45 {width: 37.5%;}
.col-m-5 {width: 41.66%;}
.col-m-6 {width: 50%;}
.col-m-7 {width: 58.33%;}
.col-m-8 {width: 66.66%;}
.col-m-9 {width: 75%;}
.col-m-10 {width: 83.33%;}
.col-m-11 {width: 91.66%;}
.col-m-12 {width: 100%;}
	
.nav-m-2 {width: 16.66%;}
.nav-m-3 {width: 25%;}
.nav-m-4 {width: 33.33%;}
.nav-m-6 {width: 50%;}
.nav-m-12 {width: 100%;}
}
@media only screen and (min-width: 770px) {
/* 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%;}
}	

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;
border: 1px solid #3d362c;}
article.icon img{width: 50%;}
a:link	{color:	#3d362c; 
text-decoration: none;
background-color:	transparent;}
a:visited	{color:	#3d362c; 
background-color:	transparent;}
a:hover	{color:	#fdac0f;}
a:active	{color:	#3d362c;
background-color:	transparent;}
footer	{clear:	both;
width:	100%; 
height: 123px;
line-height:	137%;
padding:	.5em 0 3px 0; 
margin:	.5em 0 0 0;
text-align:	center;
font-size: 	1em;
background-color: transparent;}
footer p {color: #000;}
footer  a:link	{color:	#000; 
text-decoration: none;
background-color:	transparent;}
footer  a:visited	{color:	#000; 
background-color:	transparent;}
footer  a:hover	{color:	#000;}
footer a:active	{color:	#000;
background-color:	transparent;}
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:	11px 3px;
padding:	1px}
p.small	{margin-top:	.3em;
font-size:	.7em;
line-height:	110%;
text-align:	center;
color:	#3d362c;}
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;}

