html {
    line-height: 1em;   }

body {
	background-color:#B1FFF6;
	font-family: "Arial", Helvetica, sans-serif;
    font-size: 16px;
    margin: 0;
    color: #000; overscroll-behavior: contain;
}

header { position: relative; display: block; top: 5px; width: 100%; }

.row-1 {width:99vw; display: inline-block; margin: 0; padding: 0; 
	position: relative; text-align: center; }
.row-2 {width:99%; display: inline-block; margin: 0; padding: 0; position: relative; background: #1E1E1E  ; max-width:1100px; text-align:left;}

.col-1 {vertical-align: text-top; width:45px; display: inline-block; margin: 0; position: relative;	padding: 5px 0 0 5px;}

.col-2 {vertical-align: text-top; width: 90px; display: inline-block;  margin:0; text-align: center; text-transform: uppercase; position:relative;}

.col-3 {vertical-align: text-top; width:45px; display: inline-block; margin: 0; position: relative;	padding: 3px 0 0 0;}
.col-4 {vertical-align: text-top; width:200px; display: inline-block; margin: 0; position: relative; float: right;	padding: 0 0 0 0;}

.row-2 {width:100%; display: inline-block; margin: 0; padding: 0; position: relative; }
#Dykeman-COA { position: relative; padding: 3px 0 0 0;
			width: 40px; height:auto;	display: inline-block }
.dkm {font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif" ; padding: 20px 0 0 0 ; color: white; font-size: 16px; text-align: center; display: inline-block}

#Finland-COA { position: relative; padding:6px 0 0 0;
			width: 42px; height:auto;	display: inline-block }

.row-3 { width:100%; display: inline-block; margin: 0; padding: 10px 0 0 0 ; position: relative; }
/*-- HEADER NAVIGATION --*/
.nv ul {display: block !important; margin: 0;
	width: 99%;	padding: 0 0 0 0; position: relative; }

.nv ul li { font-size: 12px; text-transform: uppercase;	color: #fff; display: inline-block; position: relative; padding: 0 0 0 7px; }

.nv a { display: inline-block; 
	padding-bottom: .5em; text-decoration: none;
	letter-spacing: .14em;	color: #fff; }

.nv a:hover { display: inline-block;
	outline: none; color: #BB44E1 ; font-weight: bold;
	border-bottom: 2px solid #BB44E1; padding: 0; }
p {color:white; font-size:14px; line-height: 1.4em;}
p1 {color:red; font-size:12px; text-align:left;}
p2 {color:black; font-size:12px; text-align: left;}
p3 {color:white; font-size:12px; text-align: left; }
h1 {font-si3ze:18px; color:white; text-align: center; line-height: 1.0em;}
h2 {color:black; font-size:20px;}
h3 {color:white; font-size:16px;}

 

 /*-- Steve Intro --*/

.row-10 {width:99vw; display: block; margin: 10px 0 10px 0; 
	padding: 0; position: relative; text-align: center; }
.row-11 {width:99%; display: inline-block; padding: 5px 0 5px 0; 
	max-width: 1100px; position: relative; background-color:#0E4528; 
	text-align: center;}
.col-11 {width:98%; display: inline-block; padding: 0 0 0 10px; 
	 position: relative; text-align:left; }

.St1 { grid-area: St1; }
.St2 { grid-area: St2; }
.St3 { grid-area: St3; }
.St4 { grid-area: St4; }
.St5 { grid-area: St5; }

.SD-Container { display: grid; grid-gap: 1px; 
	grid-template-columns: 14% 20% 19% 20% 15%;
    grid-template-areas: "St1 St2 St3 St4 St5" 
	"St1 St2 St3 St4 St5"; }

.sbx1 { margin: 0; }
.sbx2 { margin: 0;  text-align: left; padding: 0 0 0 10px;}
.sbx3 { margin: 0;  text-align: left; padding: 0 0 0 10px; }
.sbx4 { margin: 0; }
.sbx5 { margin: 0; }

#SD { position: relative; padding: 15px 0 0 0;
			width: 90%; height:auto; display: block; }

         /*-- Republican --*/

.row-20 { width:99vw; display: block; padding: 0; 
	position: relative; text-align: center; }
.row-21 { width:99%; display: inline-block;  padding: 10px 10px 10px 10px; 
	position: relative; text-align: center;  background-color:#9F9F9F;  
	max-width:1100px;}
.row-22 { width:99%; display: inline-block;  position: relative; 
	text-align: center; background-color:#D4D4D4;}
.row-23 { width:97%; display: inline-block;  position: relative; 
	text-align: left; }
.row-24 { width:95%; display: inline-block;  position: relative; 
	text-align: center; }
.row-25 { width:97%; display: inline-block;  position: relative; 
	text-align: left; }


        /*-- Conservative --*/

.row-30 { width:99vw; display: block; padding: 0; 
	position: relative; text-align: center; }
.row-31 { width:99%; display: inline-block;  padding: 10px 10px 10px 10px; 
	position: relative; text-align: center;  background-color:#9F9F9F;  
	max-width:1100px;}
.row-32 { width:99%; display: inline-block;  position: relative; 
	text-align: center; background-color:#D4D4D4;}
.row-33 { width:97%; display: inline-block;  position: relative; 
	text-align: left; }
.row-34 { width:95%; display: inline-block;  position: relative; 
	text-align: center; }
.row-35 { width:97%; display: inline-block;  position: relative; 
	text-align: left; }

        /*-- Special --*/

.row-40 { width:99vw; display: block; padding: 0; 
	position: relative; text-align: center; }
.row-41 { width:99%; display: inline-block; padding: 10px 10px 10px 10px; 
	position: relative; text-align: center;  background-color:#9F9F9F;  
	max-width:1100px;}
.row-42 { width:99%; display: inline-block;  position: relative; 
	text-align: center; background-color:#D4D4D4;}
.row-43 { width:97%; display: inline-block;  position: relative; 
	text-align: left; }
.row-44 { width:95%; display: inline-block;  position: relative; 
	text-align: center; }
.row-45 { width:97%; display: inline-block;  position: relative; 
	text-align: left; }


/* Horizontal Cell View */

@media (min-width: 600px){

	
h1 {font-size:20px;  line-height: 1.0em;}
p { font-size:16px; line-height: 1.5em;}
p1 { font-size:14px; line-height: 1.0em; }
p3 { font-size:16px; }

.nv ul { width: 240px; }
.nv ul li {  padding: 0 0 0 10px; }	
	
#Logo {  padding: 10px 0 0 5px;	width: 130px; height:auto; }
#Social { padding: 6px 0 0 10px; width: 130px; height:auto;	}
	
.hbx3 { padding: 5px 0 0 0; margin: 0 0 0 10px; font-size: 26px;}	
.hbx4 { padding: 8px 0 0 20px; font-size: 14px; }
	
	
}

/* Vertical Tablet View */
@media (min-width: 750px){

h1 {font-size:22px;  line-height: 1.0em;}	
	
#Social {  width: 150px; height:auto;	}
	
.hbx4 { font-size: 16px; }	
.nv ul li {  padding: 0 0 0 12px; }		
}



/* Horizontal Tablet View */
@media (min-width: 830px){

	        
p { font-size:18px; line-height: 1.5em;}
p1 { font-size:16px; line-height: 1.3em; }
p2 {font-size:14px; }
p3 { font-size:18px; }
h1 {font-size:24px;  line-height: 1.0em;}


.nv ul { width: 240px; }	
	
#Logo { position: relative; padding: 0;
			width: 20vw; height:auto; max-width:180px;  }

#Social { position: relative; padding: 0;
			width: 20vw; height:auto;  max-width:200px;; }
	
.HeaderContainer { display: grid; grid-gap: 2px;  
	grid-template-columns: 24% 30% 40%;
    grid-template-areas: "Logo Social Nav"
	"Logo TBG Nav"; }	
	
	
.hbx3 { padding: 10px 0 0 0; margin: 0 0 0 10px;
  font-size: 28px;}	
.hbx4 { padding: 8px 0 0 20px; font-size: 16px; }	
.nv ul li {  padding: 0 0 0 10px; font-weight: bold;}	
	
}


/*  Desktop View  --*/
@media (min-width: 1240px){
	
	        
.col-1 { width:110px; 	padding: 0 0 0 10px; }	
.col-2 { width: 210px; padding: 0 0 0 10px;}
.col-3 { width:110px;  margin: 0; 	padding: 0 0 0 10px;}
.col-4 { float: right; width:20%;  padding: 0 0 0 10px;}	

#Finland-COA { padding:4px 0 0 0;
			width: 107px; height:auto; }	
#Dykeman-COA { padding: 3px 0 0 0;
			width: 100px; height:auto; }	
	
.nv ul li { font-weight: bold;font-size: 16px; letter-spacing: .14em; text-transform: uppercase;
	color: #fff; display: inline-block; position: relative; padding: 0 8px 0 0; line-height: 1.5em;}	
	
	.dkm { padding: 48px 0 0 0 ; font-size: 36px; text-align: center; display: inline-block} 
.row-3 { display: inline-block; float: right !important; width:300px; margin: 0; padding: 12px 0 0 0 ; position: relative; }
	
h1 {font-size:26px;  line-height: 1.0em;}
p2 {font-size:16px; }
#Thm { position: relative; padding: 0;
			width: 96%; height:auto; display: block; }

}