/* General Settings */

html {
    line-height: 1em;   }

body {
	background-color:#5695A3;
	font-family: "Arial", Helvetica, sans-serif;
    margin: 0;
    color: #000; 
}
p {color:white; font-size:12px; line-height: 1.0em;}
p1 {color:white; font-size:14px; line-height: 1.0em;}
p2 {color:black; font-size:18px; line-height: 1.5em;}
h1 {font-size:20px; color:white; text-align: center; line-height: 1.0em;}
h2 {color:black; font-size:20px;}
h3 {color:white; font-size:16px;}

/*-- HEADER  --*/

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

.Ht1 { grid-area: Ht1; }
.Ht2 { grid-area: Ht2; }
.Ht3 { grid-area: Ht3; }
.Ht4 { grid-area: Ht4; }

.HeaderContainer { display: grid; grid-gap: 1px;  
	grid-template-columns: 30% 30% 38%;
    grid-template-areas: "Ht1 Ht2 Ht3"	
				"Ht1 Ht4 Ht4" ; }

.hbx1 { margin: 0; padding: 0 ;  }
.hbx2 { margin: 0; padding: 20px 0 0 0; text-align:center; }
.hbx3 { color: #fff;  font-size: 20px; text-align:left; padding: 20px 0 0 0;}
.hbx4 { margin: 0; padding: 0 ; text-align:center; }

#Store { position: relative; padding: 0;
			width: 80%; height:auto; display: inline-block; }

#Social { position: relative; padding: 0;
			width: 80%; height:auto; display: inline-block; }



.nv {float:right;}
.nv ul {display: block !important; margin: 0; width:180px;
	padding: 0; position: relative; }

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

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





 /*-- Introduction to the Hiking Man  --*/

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

.Isc1 { grid-area: Isc1; }
.Isc1 { grid-area: Isc1; }
.Isc1 { grid-area: Isc1; }

.IntroContainer { display: grid; grid-gap: 2px; 
	grid-template-columns: 54% 22% 22%;
    grid-template-areas: "Isc1 Isc2 Isc3" 
	"Isc1 Isc2 Isc3"; }

.ibx1 { margin: 0; padding: 10Px 10px 0 10px ; text-align:left; }
.ibx2 { margin: 5px 0 0 0; padding: 2px 0 0 0 ; }
.ibx3 { padding: 10px 0 0 0; margin: 0; color:white;  font-size:18px;}
.ibx4 { padding: 8px 0 0 10px ; margin: 0 0 0 0; color:white; }


#THM { position: relative; padding: 0;
			width: 90%; height:auto; display: block; }
#UTH { position: relative; padding: 0;
			width: 90%; height:auto; display: block; }

.Dnv {text-align:left;}

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

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


/* Horizontal Cell View */
@media (min-width: 600px){

  	
	
.nv ul li {  padding: 0 0 0 10px; font-size:14px;}

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

}

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





	
}



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

p { font-size:14px; line-height: 1.0em;}
p1 { font-size:18px; line-height: 1.0em;}
p2 { font-size:18px; line-height: 1.5em;}
h1 { font-size:30px; }
h2 { font-size:20px;}
h3 { font-size:16px;}	
	             
.nv ul li {  padding: 0 0 0 10px; font-size:16px;}	

	

}


/*  Desktop View  --*/
@media (min-width: 1240px){
	
	        
	



}