/* General Settings */

html { line-height: 1em; }

body {background-color:#867B65;	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: #524116  ; height: 140px; text-align: center;}

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

.Logo { grid-area: Logo; }
.Soc { grid-area: Soc; }
.MSGE { grid-area: MSGE; }
.Nav { grid-area: Nav; }

  .HeaderContainer { display: grid; grid-gap: 5px; 
	grid-template-columns: 200px 180px;
    grid-template-areas: "Logo  Nav"
		"Logo Soc"	;  }

.hbx1 { color: black;  margin: 0; padding: 3px 0 0 10px ;
  font-size:12px; line-height: 2em; color:red;}
.hbx2 { color: black; margin: 0; padding: 0 10px 0 0 ; text-align:center;}
.hbx3 { color: #8DB0A8; padding: 0; margin: 0 0 0 10px;
  font-size: 16px;}
.hbx4 { color: #fff; padding: 8px 0 0 15px ; margin: 0 0 0 0;
  font-size: 12px; line-height:1.6em; text-align:left; }

p2 {color:#ABABAB; font-size:16px;}


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

#Social { position: relative; padding:6px 0 0 0;
			width: 110px; 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 8px; }

.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; }


 /*-- Content  --*/

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

h1 {color:#FFF;}