* {box-sizing: border-box;}
body {font-family: "calibri", sans-serif;
font-weight: 500;
font-size: medium;
letter-spacing: .03em;
text-align:	center;
border: 1px solid #fff;
max-width: 1250px;
line-height: 110%;
background-color: #fff;
padding: 0;
margin: auto;}
header {top: 0px;
position: relative;
opacity: 1;
margin: 0 auto; 
padding: 0px 10px 7px 10px;
width: 100%;
border: 1px solid #fff;
background: #fff;}
header img {width: 41vmin;
margin-top: 0;
margin-bottom: 0px;}
#banner {background-color: #fff;
color: #555;
margin: 0;
padding: 7%;
line-height: 1.3;
font-size: 2em;}
#hamburger {position: fixed;
margin-left: 0px;
margin-top: 7px;
padding: 3px 8px;
font-size: .9em;
z-index: 7;
visibility: visible;
border: none;}
#hamburger .fa {font-size: 20px;}
#hamburger .dropbtn {padding: 6px;
color: #333;
background-color:	#fff;
border-radius: 7px;
border: 1px solid #a18c4b;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);}
#hamburger .dropdown-content {
width:180px;
text-align: left;}
#hamburger .dropdown-content a{
padding: 3px 9px;
background-color: #e8eaed;
line-height: 1.1;}
#hamburger .dropdown-content a:visited{
background-color:	#e8eaed;}
#hamburger .dropdown-content a:hover{
background-color:	#fefaef;}
#social {position:absolute;
top: 38px; 
right: 3px;
padding: 0px;
border: none;
width: 60px;
opacity: .7;
border-radius: 10px;
background:  none;
z-index: 6;}
#social img {
float: right;
width: 6vw;
height: auto;
max-width: 30px;
margin: 2px;}
#mask {position: absolute;
top: 3px; 
right: 3px;
padding: 0px;
border: none;
width: 80px;
opacity: 1;
border-radius: 10px;
background:  none;
z-index: 6;}
#mask img {
float: right;
width: 100%;
height: auto;
max-width: 200px;
margin: 2px;}
h1	{
margin: 0 18% ;
padding: 0 0 .1em 0;
font-weight: 400;
word-spacing: 0em;
letter-spacing: .02em;
font-size: 5vmin;
z-index: 5;
line-height: 95%;
color:	#777;}
h1 span {color:  #7167ae;}
a:link	{color:	#333; 
text-decoration: none;}
a:visited	{color:	#333;
background-color:	transparent;}
a:hover	{color:	#333;
background-color:	#fff;}
a:active	{color:	#333;
background-color:	transparent;}
section a:link	{color:	#a18c4b; 
text-decoration: none;}
section a:visited	{color:	#a18c4b;
background-color:	transparent;}
section a:hover	{color:	#fff;
background-color: transparent;}
section a:active	{color:	#fff;
background-color:	transparent;}
nav {display: block;
width: 100%;
margin: 1px 0 0 0;
padding: 5px 0 0 0;
border: none;
background-color: transparent;}
nav ul {
list-style-type: none;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
overflow: hidden;
border: none;
max-width:600px;
background-color:	transparent;}
nav li {
float: none;
font-size: 1em;
overflow: hidden;
padding: 3px 0px;
margin: 0;
text-align: center;
background-color: transparent;}
nav li.dropdown{
display: inline-block;
border: none;
padding: 0;
border: none;
background-color: transparent;}
nav li:first-child {width:18%;}
nav li:nth-child(2) {width:31%;}
nav li:nth-last-child(2) {width:24%;}
nav li:last-child {width:18%;}
li.dropdown a:link  {
background-color: #fff;
color: #777;
padding: .3em 10px;}
li.dropdown a:visited  
{color: #777;
background-color: #e8eaed;}
li.dropdown a:hover  {
color: #000;
background-color: #fff;}
a.dropbtn {padding: 0;
border: none;}
.dropdown-content {
display: none;
position: absolute;
margin-top: 0;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
z-index: 5;}
.dropdown-content a {
background-color: #e8eaed;
display: block;
line-height: 106%;
border-bottom:1px solid #a18c4b;}
.dropdown:hover .dropdown-content 
{display: block;
background-color: #fff;}
/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {   
float: left;
width: 78%;
border: none;
background-color:	transparent;
padding: 0 11px;
margin-left: 0;
margin-left: 0;}
/* Right column */
.rightcolumn {
float: left;
width: 22%;
margin-right: 0;
margin-left: 0;
 border: none;
 background-color:	transparent;
padding-left: 20px;
}
/* Left column blog */
.bleftcolumn {   
float: left;
width: 66%;
margin-left: 0;
 border-right: 3px solid #aaa;
background-color:	transparent;
padding: 0 11px;
margin-left: 0;
margin-left: 0;}
/* Right column blog */
.brightcolumn {
float: left;
width: 34%;
margin-right: 0;

 background-color:	transparent;
padding-left: 20px;}
main {padding: 1em 0 0 0;
margin-left: auto;
margin-right: auto;
z-index: 1;
max-width: 1500px;
position: relative;
border: none;}
main span {position: fixed;
opacity: 1;
font-size: 2em;
color: #423e7c;	
z-index: 1;
left: 14px;
top: 14px;
border: none;
display: inline-block;}
p {font-size: 1em;
display: block;
margin: 0;
line-height: 120%;
color:	#232323;}
h2 {padding: 0;
font-weight: 700;
text-align: center;
line-height: 110%;
font-size: 	1.5em;
color: #a18c4b;
margin: .2em 0 0.15em 0;}
h3 {text-align: center;
line-height: 110%;
color: #000000;
font-size: 	1.8em;
margin:  0  0 .7em 0 ;}
h4	{font-size: 110%;
margin:	0;
color: #000;
line-height: 120%;
padding: 0; }
h5 {margin: 0 0 2em 0;
padding: 0;
font-weight: 500;
font-size: 1.15em;
line-height: 115%;
color: #fff}
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:	#fff;}
section {margin: 0 2% 7px 2%;
padding: 0 0 1% 0;
background-color: transparent;
border: none;}
section div p{font-size:.9em;}
section:after {
content: "";
clear: both;
display: block;}
section img  {display: inline;
clear: none;
width: 80%;
padding: 0px;
margin: 7% 1% 3% 1%;
border: none;
}
section p {text-align: center;
line-height: 120%;
font-size: 	1em;
margin: 0 1.5em 0.2em 1.5em;}
p.small{color: #bbb;
font-size: .8em;
line-height: 100%;
margin: 0 1.5em 0.2em 1.5em;}
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 #fff;}
section ul li  {text-align: left;
color:	#555;
font-size: 	0.8em;
line-height: 1.2em;
font-weight: 500;
list-style-type: square;}
[class*="nav-"] {
float: left;
opacity: 1;
overflow: hidden; }
[class*="col-"] {
float: left;
padding: 0;
margin: 0;
border: none;
background-color:	transparent;}
/* For mobile phones: */
@media only screen and (max-width: 450px)
{   
nav li {font-size: 4vw;}
#hamburger {visibility: visible;}
[class^="col-"] {width: 100%;}
h1	{margin-right: 20%;
 margin-left: 20%;}
	.card img {width:100%;} 
.bleftcolumn {width: 100%;}
.brightcolumn {width: 100%;}
 }	 
/* For tablets: */
@media only screen and (min-width: 451px) 
{
.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%;}
}
@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%;}
}	
article {margin: 0;
padding: 0 0 15px 0;
background-color: transparent;
border: none;}
article p{text-align: left;
line-height: 130%;
font-size: 	0.9em;
margin: 0 0 0.5em 0;}
article:after {content: "";
clear: both;
display: block;}
article ol 	
{margin: 0;}
article ol li 	
{text-align: left;
width: 100%;
color:	#232323;
font-size: 	.9em;
line-height: 120%;
font-weight: 500;}
article div img 	
{display: inline;
margin: 2% 0;
clear: none;
width: 75%;
margin: 3%  0;
border: 3px solid #3d362c;}
article.icon img{width: 50%;}
footer	{clear:	both;
width:	100%; 
line-height:137%;
padding:.5vw 2vw; 
margin:	0;
text-align:	center;
font-size: 	1em;
background-color: #fff;}
footer p {color: #333;
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}
footer p.small	{margin-top:.3em;
font-size:.9em;
line-height:110%;
text-align:	center;
color:#333;}
footer .fa, .fas {
font-size: 1.5em;
color: #c9a843;
padding: .25em 1em;
font-weight: 900;
font-family: "Font Awesome 5 Pro";
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;}
form{line-height:30%;
padding: 0 0;
margin: 0 auto;
text-align:	center;}
form p{font-size: 1em;
color:	#fff;
margin: 13px 0 0 0;
line-height: 90%;}
input[type=text] {
width: 100%;
padding: 5px 20px;
margin: 4px 0;
box-sizing: border-box;}
/* Add a card effect for articles */
.card {
background:  #fff;
padding: 4%;
margin: 1em 11px 1em 0;

}
.rightcolumn div.card {
background:  #eee;
margin: 1em 11px;}
.card  p{
color: #333;
text-align: left;
margin: 1em 11px 1em 0;
font-size: 1em;}
.card img {margin-bottom: 7px;
border: 0;
}
}
.card h5	{
text-align: left;
margin-bottom: 7px;
font-style: italic;
font-size: 0.9em;
color:	#333;}
.card:hover {
background-color: #fff;}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
div.breadcrumbs {font-size: .9em;
text-align: right;
color: #a18c4b;
padding-top: 5px;
margin-left: 0;
margin-right: 0;
border-top: 1px solid #ddd;}
.breadcrumbs a:link{
color: #a18c4b;
background: transparent;}
.breadcrumbs a:visited {
color:#a18c4b;}
.breadcrumbs a:hover{
color: #fff;}
@media screen and (max-width: 800px) {
.leftcolumn, .rightcolumn {   
width: 100%;
padding: 0;
}
}
table {
width:100%;
margin-bottom: 2px;
}
table, th, td {
border: 1px solid #ccc;
border-collapse: collapse;
}
th, td {
padding: 7px 15px;
text-align: left;

}
table tr:nth-child(even) {
background-color:#eee;
}
table tr:nth-child(odd) {
background-color: #fff;
}
table th:nth-child(2), td:nth-child(2) {
text-align: center;
}
table th:nth-child(3), td:nth-child(3) {
text-align: center;
}
table th {
background-color: #ddd;
color: #555;
}
hr.id {border-top: 1px solid #a18c4b;}
#shows {position: fixed;
margin-right: 0px;
margin-top: 20px;
padding: 3px 8px;
font-size: .9em;
z-index: 7;
visibility: visible;
border: none;}
#shows .fa {font-size: 20px;}
#shows .dropbtn {padding: 3px 7px;
color: #333;
background-color:	#e8d182;
border: 1px solid #a18c4b;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);}
#shows .dropdown-content {
width:180px;
color: #000;
text-align: left;
padding-left: 0;
margin-left: 0;
margin-top: 0;}
#shows .dropdown-content a{
padding: 2px 7px;
color: #000;
background-color: #e8eaed;
line-height: 1.1;}
#shows .dropdown-content a:visited{
background-color:	#e8eaed;}
#shows .dropdown-content a:hover{
background-color:	#fefaef;}