/* 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:14px; line-height: 1.4em;}
p1 {color:white; font-size:12px; line-height: 1.0em; text-align:left;}
p2 {color:black; font-size:12px; text-align: left;}
p3 {color:black; font-size:14px; }
h1 {font-size:18px; color:white; text-align: center; line-height: 1.0em;}
h2 {color:black; font-size:20px;}
h3 {color:white; font-size:16px;}

/*-- HEADER  --*/

.row-1 { width:99vw; display: block; position: relative; 
	text-align: center; }
.row-2 { width:99%; display:inline-block; margin: 5px 0 0 5px; 
	padding: 5px 0 5px 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: 2px;  
	grid-template-columns: 38% 35% 24%;
    grid-template-areas: "Ht1 Ht2 Ht3"	
					"Ht1 Ht4 Ht3"  ; }

.hbx1 { margin: 0; padding: 0 ;  }
.hbx2 { margin: 0; padding: 20px 0 0 0; text-align:center; }
.hbx3 { text-align:left; float:right;}
.hbx4 { margin: 0; padding: 0 ;  }

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




 /*-- Hiking Man Title --*/

.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: 10px 0 5px 0; 
	max-width: 1100px; position: relative; background-color:#0E4528; 
	text-align: center;}

.CntryContainer { display: grid; grid-gap: 1px; 
	grid-template-columns: 48% 48%  ;
    grid-template-areas: "St1 St2" ; 
				"St3 St4" ; }

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

.Cbx1 { margin: 0; padding: 0 0 0 0 ; text-align:left;}
.Cbx2 { margin: 0; padding: 15px 0 0 0 ; text-align:center;}

.bnv  { float:center; text-height:2em;}
.bnv a { display:inline-block;  text-decoration: none;
	 color: #57FFF7; border-bottom: 2px solid #57FFF7;}

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


	/* Fun Outdoors */

.OutdoorContainer { display: grid; grid-gap: 1px; 
	grid-template-columns: 98%  ;
    grid-template-areas: "Out1 " 
						 "Out2 "; }

.Out1 { grid-area: Out1; }
.Out2 { grid-area: Out2; }

.Obx1 { margin: 0; padding: 0 5px 0 10px ; text-align:left;}
.Obx2 { margin: 0; padding: 5px 0 0 0 ; text-align:left;}

#Thm { float:right ; width: 25%; height:auto; display:block; padding: 0 0 0 10px ;}



.It1 { grid-area: It1; }
.It2 { grid-area: It2; }
.It3 { grid-area: It3; }

.THMContainer { display: grid; grid-gap: 1px; 
	grid-template-columns: 68% 8% 8% 14%;
    grid-template-areas: "It1 It2 It2 It2" 
	"It3 It2 It2 It2"; }

.ibx1 { margin: 0; }
.ibx2 { margin: 0; }
.ibx3 { margin: 0;  text-align: left; padding: 0 0 0 10px; }

.hnv a { display: inline-block;  text-decoration: none;
	letter-spacing: .1em;  color: #fff;}
.hnv a:hover { display: inline-block;
	outline: none; color: #BB44E1 ; font-weight: bold;
	 padding: 0; border-bottom: 2px solid #BB44E1; }



 /*-- Arkansas Hikes --*/

.row-20 {width:99vw; display: block; margin: 5px 0 0 5px; 
	padding: 0; position: relative; text-align: center; }

.col-20 {width:99%; display: inline-block; margin: 5px 0 0 5px; max-width: 1100px;
	padding: 0; position: relative; text-align: center; background-color:#B6B6B6;}

.row-31 {width:99%; display: inline-block; margin: 10px 0 0 0; 
	background-color:#D4D4D4;	padding: 0 5px 0 5px; position: relative; 
	text-align: left; }
.col-31 {width:97%; display: inline-block; margin: 5px 0 0 5px; max-width: 1100px;
	padding: 0; position: relative; text-align: left;}
.row-32 {width:99%; display: inline-block; margin: 10px 0 0 0; 
	background-color:#D4D4D4;	padding: 0 5px 0 5px; position: relative; 
	text-align: left; }
.col-32 {width:97%; display: inline-block; margin: 5px 0 0 5px; max-width: 1100px;
	padding: 0; position: relative; text-align: left; }
.row-33 {width:99%; display: inline-block; margin: 10px 0 0 0; 
	background-color:#D4D4D4;	padding: 0 5px 0 5px; position: relative; 
	text-align: left; }
.col-33 {width:97%; display: inline-block; margin: 5px 0 0 5px; max-width: 1100px;
	padding: 0; position: relative; text-align: left;}
.row-34 {width:99%; display: inline-block; margin: 10px 0 0 0; 
	background-color:#D4D4D4;	padding: 0 5px 0 5px; position: relative; 
	text-align: left; }
.col-34 {width:97%; display: inline-block; margin: 5px 0 0 5px; max-width: 1100px;
	padding: 0; position: relative; text-align: left; }
.row-35 {width:99%; display: inline-block; margin: 10px 0 0 0; 
	background-color:#D4D4D4;	padding: 0 5px 0 5px; position: relative; 
	text-align: left; }
.col-35 {width:97%; display: inline-block; margin: 5px 0 0 5px; max-width: 1100px;
	padding: 0; position: relative; text-align: left;}
.row-36 {width:99%; display: inline-block; margin: 10px 0 0 0; 
	background-color:#D4D4D4;	padding: 0 5px 0 5px; position: relative; 
	text-align: left; }
.col-36 {width:97%; display: inline-block; margin: 5px 0 0 5px; max-width: 1100px;
	padding: 0; position: relative; text-align: left; }
.row-37 {width:99%; display: inline-block; margin: 10px 0 0 0; 
	background-color:#D4D4D4;	padding: 0 5px 0 5px; position: relative; 
	text-align: left; }
.col-37 {width:97%; display: inline-block; margin: 5px 0 0 5px; max-width: 1100px;
	padding: 0; position: relative; text-align: left;}
.row-38 {width:99%; display: inline-block; margin: 10px 0 0 0; 
	background-color:#D4D4D4;	padding: 0 5px 0 5px; position: relative; 
	text-align: left; }
.col-38 {width:97%; display: inline-block; margin: 5px 0 0 5px; max-width: 1100px;
	padding: 0; position: relative; text-align: left; }
.row-39 {width:99%; display: inline-block; margin: 10px 0 0 0; 
	background-color:#D4D4D4;	padding: 0 5px 0 5px; position: relative; 
	text-align: left; }
.col-39 {width:97%; display: inline-block; margin: 5px 0 0 5px; max-width: 1100px;
	padding: 0; position: relative; text-align: left;}
.row-40 {width:99%; display: inline-block; margin: 10px 0 0 0; 
	background-color:#D4D4D4;	padding: 0 5px 0 5px; position: relative; 
	text-align: left; }
.col-40 {width:97%; display: inline-block; margin: 5px 0 0 5px; max-width: 1100px;
	padding: 0; position: relative; text-align: left; }
.row-41 {width:99%; display: inline-block; margin: 10px 0 0 0; 
	background-color:#D4D4D4;	padding: 0 5px 0 5px; position: relative; 
	text-align: left; }
.col-41 {width:97%; display: inline-block; margin: 5px 0 0 5px; max-width: 1100px;
	padding: 0; position: relative; text-align: left; }
.row-42 {width:99%; display: inline-block; margin: 10px 0 0 0; 
	background-color:#D4D4D4;	padding: 0 5px 0 5px; position: relative; 
	text-align: left; }
.col-42 {width:97%; display: inline-block; margin: 5px 0 0 5px; max-width: 1100px;
	padding: 0; position: relative; text-align: left; }

.row-61 {width:99%; display: inline-block;  position: relative; 
	text-align: center; }
.row-62 {width:99%; display: inline-block;  position: relative; 
	text-align: center; }
.row-63 {width:99%; display: inline-block;  position: relative; 
	text-align: center; }
.row-64 {width:99%; display: inline-block;  position: relative; 
	text-align: center; }
.row-65 {width:99%; display: inline-block;  position: relative; 
	text-align: center; }
.row-66 {width:99%; display: inline-block;  position: relative; 
	text-align: center; }
.row-67 {width:99%; display: inline-block;  position: relative; 
	text-align: center; }
.row-68 {width:99%; display: inline-block;  position: relative; 
	text-align: center; }
.row-69 {width:99%; display: inline-block;  position: relative; 
	text-align: center; }
.row-70 {width:99%; display: inline-block;  position: relative; 
	text-align: center; }
.row-71 {width:99%; display: inline-block;  position: relative; 
	text-align: center; }
.row-72 {width:99%; display: inline-block;  position: relative; 
	text-align: center; }


#Pic1 { position: relative; padding: 0; padding: 10px 0 0 5px;
			width: 70%; height:auto; display: inline-block; }
#Pic2 { position: relative; padding: 0; padding: 10px 0 0 5px;
			width: 70%; height:auto; display: inline-block; }
#Pic3 { position: relative; padding: 0; padding: 10px 0 0 5px;
			width: 70%; height:auto; display: inline-block; }
#Pic4 { position: relative; padding: 0; padding: 10px 0 0 5px;
			width: 70%; height:auto; display: inline-block; }
#Pic5 { position: relative; padding: 0; padding: 10px 0 0 5px;
			width: 70%; height:auto; display: inline-block; }
#Pic6 { position: relative; padding: 0; padding: 10px 0 0 5px;
			width: 70%; height:auto; display: inline-block; }
#Pic7 { position: relative; padding: 0; padding: 10px 0 0 5px;
			width: 70%; height:auto; display: inline-block; }
#Pic8 { position: relative; padding: 0; padding: 10px 0 0 5px;
			width: 70%; height:auto; display: inline-block; }
#Pic9 { position: relative; padding: 0; padding: 10px 0 0 5px;
			width: 70%; height:auto; display: inline-block; }
#Pic10 { position: relative; padding: 0; padding: 10px 0 0 5px;
			width: 70%; height:auto; display: inline-block; }
#Pic11 { position: relative; padding: 0; padding: 10px 0 0 5px;
			width: 70%; height:auto; display: inline-block; }
#Pic12 { position: relative; padding: 0; padding: 10px 0 0 5px;
			width: 70%; height:auto; display: inline-block; }




/* 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; }
	
}

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

h1 {font-size:22px;  line-height: 1.0em;}	
#Thm { width: 20%; }
}



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

.THMContainer { display: grid; grid-gap: 1px; 
	grid-template-columns: 68% 8% 8% 14%;
    grid-template-areas: "It1 It1 It2 It2" 
	"It3 It3 It2 It2"; }	
	        
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;}
#Thm { width: 15%; }
.row-2 { padding: 5px 0 10px 0; }	
}


/*  Desktop View  --*/
@media (min-width: 1240px){
	
.THMContainer { display: grid; grid-gap: 1px; 
	grid-template-columns: 68% 8% 8% 14%;
    grid-template-areas: "It1 It1 It1 It2" 
	"It3 It3 It3 It2"; }	        
	
h1 {font-size:26px;  line-height: 1.0em;}
p2 {font-size:16px; }


}