/* General Settings */

html {
    line-height: 1em;   }

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


header { position: relative; display: block; margin: 5px 0 0 5px; width: 99%; background: #3F4313; height: 85px; text-align: center; }

.row-1 {width:410px; display: inline-block; margin: 0; padding: 0; position: relative; text-align:center;}

.Logo { grid-area: Logo; }
.Social { grid-area: Social; }
.TBG { grid-area: TBG; }
.Nav { grid-area: Nav; }

.HeaderContainer { display: grid; grid-gap: 5px;  
	grid-template-columns: 100px 100px 200px;
    grid-template-areas: "Logo Social Nav"
	"TBG TBG Nav"; }

.hbx1 { margin: 0; padding: 3px 0 0 5px ; }
.hbx2 { margin: 0; padding: 10px 0 0 0 ; }
.hbx3 { color: #fff; padding: 0; margin: 0 0 0 5px;
  font-size: 20px;}
.hbx4 { color: #fff; padding: 8px 0 0 5px ; margin: 0 0 0 0;
  font-size: 12px; line-height:1.6em; text-align:left; }

#Logo { position: relative; padding: 3px 0 0 0;
			width: 90px; height:auto;	display: inline-block }

#Social { position: relative; padding:6px 0 0 0;
			width: 90px; height:auto;	display: inline-block }

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

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


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

.nv a:hover { display: inline-block;
	outline: none; color: #BB44E1 ; font-weight: bold;
	 padding: 0; border-bottom: 2px solid #BB44E1; }



 /*-- Blog Content  --*/

.row-10 {width:99%; display:block; margin: 5px 0 0 5px; padding: 10px 0 0 0; 
	position: relative; color: #fff; text-align: center; background-color:#48006C; }

.row-11 {width:98vw; display: block; padding: 0 0 10px 5px; 
	position: relative; color:black; }

.Cmp { grid-area: Cmp; }
.Par1 { grid-area: Par1; }
.Map { grid-area: Map; }
.Par2 { grid-area: Par2; }
.Par3 { grid-area: Par3; }
.Prk { grid-area: Prk; }
.Mkt { grid-area: Mkt; }
		
.BlogContainer { display: grid; grid-gap: 3px;  
	grid-template-columns: 56vw 41vw;
    grid-template-areas: "Cmp Cmp "
			"Par1 Par1 " 
			"Map Par2 " 
			"Par3 Par3 " 
			"Prk Prk "	
			"Mkt Mkt ";}

.bbx1 { margin: 0; padding: 3px 0 0 5px ; }
.bbx2 { margin: 0; padding: 3px 0 0 5px ; }
.bbx3 { margin: 0; padding: 3px 0 0 5px ; }
.bbx4 { margin: 0; padding: 3px 0 0 5px ; }
.bbx5 { margin: 0; padding: 3px 0 0 5px ; }
.bbx6 { margin: 0; padding: 3px 0 0 5px ; }
.bbx7 { margin: 0; padding: 3px 0 0 5px ; }

#Cmp { position: relative; padding: 3px 0 0 0;
			width: 95vw; height:auto;	display: inline-block }
#Mkt { position: relative; padding: 3px 0 0 0;
			width: 95vw; height:auto;	display: inline-block }
#Map { position: relative; padding: 3px 0 0 0;
			width: 50vw; height:auto;	display: inline-block }
#Prk { position: relative; padding: 3px 0 0 0;
			width: 95vw; height:auto;	display: inline-block }