@charset "utf-8";
* 				{
  				box-sizing: border-box;
				}

html 			{								
       			overflow-y: scroll;
				font-family: "Comic Sans MS";
				}
h1,h2,h3				
				{
				padding-bottom:0.5em;
				font-size: 1.5vw;
				line-height: 1.5em;
				}

label,.subP		{
    /* padding-left: 1.5em; */
    			padding-bottom: 0.5em;
    			font-size: 1vw;
    			margin: 0;
    			padding-top: 1em;
				line-height: 1.4em;
				font-family: "Comic Sans MS";

				}
th				{
    /* padding-left: 1.5em; */
    			padding-bottom: 0.5em;
    			font-size: 1vw;
    			margin: 0;
    			padding-top: 1em;
				line-height: 1.4em;
				font-family: Arial;

				}
#cf4a			{
				margin:0;
				}
.subP2			
				{
				line-height: 1.5em;
				font-size: 1vw;
				text-align:center;
				
				}
.subp3 			{	
				font-weight: bold;
				color:#000000;
				font-size: 1.3vw;
				text-align: center;
				
				
				}
.centerImage	{
				display: block;
  				margin-left: auto;
 				margin-right: auto;
				width:95%;
				}
.centerImage2	{
				display: block;
  				margin-left: auto;
 				margin-right: auto;
				width:45%;
			
				}
.centerImage3	{
				display: block;
  				margin-left: auto;
 				margin-right: auto;
				width:95%;
				}
.centerImage4	{
				display: block;
  				margin-left: auto;
 				margin-right: auto;
				width:75%;
				padding-bottom:2em;
				}
.iwidth1		{
				width:99%;
				}
.iwidth2		{
				width:80%;
				}
.iwidth3		{
				width:70%;
				}

.iwidth4		{
				width:81.2%;
				}
.iwidth5		{
				width:53%;
				}
.imageTxt 		{
    			color: #000000;
    			font-size: 0.85vw;
    			font-weight: bold;
				text-align:center;
    		
				}
.on				{
				display:none;
				}
a:link 			{
  				color:white;
				
				}

a:visited       {
	color: white;
}
.timer			{
				text-align:center;
				}

.so				{
				height:100%;
				width:1.25vw;
				}
.tt				{
				height:100%;
				width:1vw;
				}
.invalid-feedback {color:yellow;}


.columnL 		{
 				width: 15%;
				margin-left:2em;
				margin-top:1vw;
				}
	
.columnR 		{
  				width: 15%;
  				margin-top:1vw;
				}
	
.columnC 		{
  				width: 70%;
				}


.social li 		{
				display:inline;
				padding-right:0.5em;
				}

.social  		{
				width:100%;
				
				white-space: nowrap;
				}

.social p 		{
				display:inline;
				line-height: 1em;
				padding-left:4.5em;
				
				}

.socialCU li 	{
				display:inline;
				padding-right:1em;
				}

.socialCU  		{
				width:100%;
				text-align:center;
				padding:0;
				margin:0 ;
				}

.socialCU p 	{
				display:inline;
				line-height: 1em;
				}

.social h3 		{
				display:inline;
				}

.row			{
				margin-top:-2em;
}

#IFpad			{
				padding:1em;
				width:85%;
				}

div .navigation a:link 	{
  				color: red;
				}

/* visited link */
div .navigation a:visited 	{
  				color: red;
				}

/* mouse over link */
div .navigation a:hover 	{
  				color: yellow;
				}

/* selected link */
div .navigation a:active 	{
  				color: red;
				}
/* Clearfix (clear floats) */
.row::after 	{
  				content: "";
  				clear: both;
  				display: table;
				}

.myName {
	
	border-style: solid;
	border-width:thin; 
	border-radius: 0.25rem;
	padding: 0.1rem;
	
	font-weight:bold; 
	font-size:1.2vw;
	font-family: Arial;
	margin-top:0;
	margin-bottom:0.2rem;
	border-color: darkgray;
	text-align: left;
	
	
	}
.myDesc {
	
	
	border-style: solid;
	border-width:thin; 
	border-radius: 0.25rem;
	padding: 0.1rem;
	
	font-size:1.2vw;
	font-family: Arial;
	color: darkgray;
	margin-top:0;
	margin-bottom:0.2rem;
	text-align: left;
	}

.myName:empty {
  display: none;
}
.myDesc:empty {
  display: none;
}
table
{
	border-collapse: collapse;
}


td:empty
{
	padding: 0;
	border: 0 none; /* you should not do this */
}
body			{								
				width:69%;
				margin: 0 auto;
				background-color:black;
				color:#EBE0BD;
				padding-right: 0 !important;
				}
				
.wrapper		{
				margin:0 auto;
				margin-top:1.5em;				/* Gives some room between the top element and the top of the browser window */
				}

.col-container  {
  				display: flex;
				width:100%;
				margin-top:37.5px;
				}

.col1 			{
  				flex: 0.327;
				}		

.col2 			{	
  				flex: 1;
  				
				}	

.col3 			{
  				flex: 0.327;
				}

.left			{
  				background-color: #83837c; 
				margin-top:0.75em;
				margin-bottom: 0.75em;
				border-style: ridge;
				border-width:thick;
				border-color: #f2cc33;
				border-right-style:none;
				margin:0;
				}



.right			{
  				background-color: #83837c;
				margin-top:0.75em;
				margin-bottom:0.75em;
				border-style: ridge;
				border-width:thick;
				border-color: #f2cc33;
				border-left-style:none;
				margin:0;
				}	

.center			{
				background-color:#83837c;
				color:black;
				padding-left:1em;
				padding-right:1em;
				border-style: ridge;
				border-width:thick;
				border-color: #f2cc33;
				border-left-style:none;
				border-right-style:none;
				
				}			
.centerM		{
				background-color:#83837c;
				color:black;
				padding-left:1em;
				padding-right:1em;
				border-style: ridge;
				border-width:thick;
				border-color: #f2cc33;
				
				margin-top:37.5px;
				}							
.flex-container {
				display: flex;
  				flex-wrap: nowrap;
				background-color:#83837c;
				text-align: center;
				border-style: ridge;
				border-color:#f2cc33;
				border-width:thick;
				padding-bottom:1.5em;
				padding-top:2.5em;
				}
.Cborder		{
				border-style: ridge;
				border-color:#f2cc33;
				border-width:thick;
}


.shadow 		{
    			color: #000000;
    			font-size: 1.5em;
    			font-weight: bold;
				margin-left:1em;
				}
.logo			{
				padding-top:1.5em;
				
				}	
.logo h2 		{
				padding-left:2em;
				}


.smallPrint		{
				font-size:small; 				
				margin-top:-1.25em;
				padding-bottom:0.75em;
				}

footer 			{
				background-color: #83837c;
				
				margin-top:1em;
				}
	
@media screen and (max-width :760px){
    /*change dimensions of columns so they occupy 100% of the available width and they stack horizontally */

.on				{
				display:block;
				font-size: 3vw;
				color: #000000;
				text-align: center;}
.left			{
  				background-color: #83837c; 
				margin-top:0.75em;
				margin-bottom: 0.75em;
				border-style: ridge;
				border-width:thick;
				border-color: #f2cc33;
				border-top-style:none;
				margin:0;
				}
				
.right			{
  				background-color: #83837c;	
				margin-top:1.75em;
				margin-bottom:0.75em;
				border-style: ridge;
				border-width:thick;
				border-color: #f2cc33;
				border-bottom-style:none;
				border-top-style:none;
				margin:0;
	
				}	
.center			{
				width:100%;
				margin-left:0;
				background-color:#83837c;
				color:black;
				padding-left:1em;
				padding-right:1em;
				border-style: ridge;
				border-width:thick;
				border-color: #f2cc33;
				border-bottom-style:none;
				}
	
.social			{
				margin-left:1.2em;
				}
	
.social p 		{			
				padding-left:1em;
				}	
	

.col-container  {
  				display:inline;
				width:100%;
				margin-top:5.5vh;
				}
div .navigation a:link 	
				{
  				color: yellow;
				}

.logo			{
				padding-top:1.5em;
				padding-right:1.5em;
					
				}	
.row-mobile-order {
				display: flex;
				flex-direction: column;
				}
	
.col1 			{
				order: 3;
				
				}
	
.col2 			{
				order: 1;
				}
	
.col3 			{
				order: 2;
				}
.off			{
				display:none;
				}
.subP2			
				{
				line-height: 1.5em;
				font-size: 2vw;
				text-align:center;
				}
.subp3 			{	
				font-weight: bold;
				color:#000000;
				font-size: 2vw;
				text-align: center;
				margin:0;
				}
.centerImage	{
				display: block;
  				margin-left: auto;
 				margin-right: auto;
				width:80%;
				}
.centerImage	{
				display: block;
  				margin-left: auto;
 				margin-right: auto;
				width:80%;
				}
.imageTxt 		{
    			color: #000000;
    			font-size: 1.85vw;
    			font-weight: bold;
				text-align:center;
    		
				}
.flex-container {
				padding-bottom:0;
				padding-top:0.5em;
				}		
.subP			{
				padding:0;
				}
.columnL		{
				margin-left:1em;
				margin-bottom:1em;
				}
.centerImage	{
				display: block;
  				margin-left: auto;
 				margin-right: auto;
				width:45%;
			
				}
.centerImage2	{
				display: block;
  				margin-left: auto;
 				margin-right: auto;
				width:50%;
				padding-top:2.3em;
				}
.centerImage3	{
				display: block;
  				margin-left: auto;
 				margin-right: auto;
				width:75%;
				}
.social li 		{
    			display: inline;
    			padding-right: 0;
}	
.shadow 		{
    			
				margin-left:0em;
				}
.centerM		{
				
				margin-top:25.5px;
	}
div .navigation a:link 	{
  				color: white;
				}

/* visited link */
div .navigation a:visited 	{
  				color: white;
				}

/* mouse over link */
div .navigation a:hover 	{
  				color: white;
				}

/* selected link */
div .navigation a:active 	{
  				color: white;
				}
.col-container  {
  				
				margin-top:25.5px;
				}

}