body {
  font-size: 100%;
  width: 100%;
  margin: 0px;
  background-color: Orange;
}

.flexheader {
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: no wrap;
	    -webkit-flex-wrap: no wrap;
	        flex-wrap: no wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        -webkit-align-items: center;
	        align-items: center;
}

#head1{
	width:50%;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        -webkit-flex:1;
	        flex:1;
}	

h1 { 
    text-align:center;
	font-family: Impact,sans-serif;
	font-size: 43px;
	font-weight: 500;
	text-shadow: 4px 4px 4px #aaa;
    line-height: 1.1;
}

#head2{
	width:50%;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        -webkit-flex:1;
	        flex:1;
}

#blackbear{
	margin-top:0px;	
	text-align:center;
	padding-left:75px;
}

#head3{
	width:50%;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        -webkit-flex:1;
	        flex:1;
}

h2{ 
    text-align:center;
	font-family: Impact, sans-serif;
	font-size: 28px;
	font-weight: 500;
    line-height: 1.1;
}

.flexbox1{
	width:100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: no wrap;
        -webkit-flex-wrap: no wrap;
            flex-wrap: no wrap;
}

#flex1{
	width:50%;
	-webkit-box-flex:1;
	-ms-flex:1;
	-webkit-flex:1;
	        flex:1;
}

#picture1 {
	width: 100%;
}

h3 {text-align:center;}

#flex2{
	width:50%;
	-webkit-box-flex:1;
	-ms-flex:1;
	-webkit-flex:1;
	        flex:1;
}

#picture2 {
	width: 100%;
}

.flexbox2{
	width:100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: no wrap;
        -webkit-flex-wrap: no wrap;
            flex-wrap: no wrap;
}

#flex3{
	width:50%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	        flex: 1;
}

#traildescription {
	padding-right: 0px;
	padding-left: 10px;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    font-family: arial, sans-serif;
	font-size: 17px;
	line-height:27px;
	text-align: justify;
	
}	

#firstparagraph{
	margin-top:0px;
}

#flex4{
	width:50%;
	-webkit-box-flex:1;
	-ms-flex:1;
	-webkit-flex:1;
	        flex:1;
}

#center{
	text-align:center;
	margin:0px;
}

#picture3{
	padding-top:8px;
	width:64%;
}	

#hikingicon{
	padding-top:30px;
	width:160px;
}

#quote{
	padding-top:30px;
	margin:0;
	text-align:center;
	font-family: Impact, sans-serif;
	font-size: 24px;
	font-weight: 500;
    line-height: 1.1;
}

.flexbox3{
    width:100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-ms-flex-wrap: no wrap;
	    -webkit-flex-wrap: no wrap;
	        flex-wrap: no wrap;
}

#flex5{
	width:50%;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        -webkit-flex: 1;
	        flex: 1;
}

#picture4{
	width:100%;
	height:600px;
}

#flex6{
	width:50%;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        -webkit-flex:1;
	        flex:1;
}

#map{
	height:600px;
}

.flexbox4 {
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: no wrap;
	    -webkit-flex-wrap: no wrap;
	        flex-wrap: no wrap;
}

#directions {
	width:50%;
	-webkit-box-flex:1;
        -ms-flex:1;
            -webkit-flex:1;
	        flex:1;
	padding-left:10px;
	padding-right:100px;
    font-family: arial, sans-serif;
	font-size: 17px;
	line-height:27px;
	text-align: justify;
}

#directionstitle{
   text-align:left;	
}

#trailrating {
	width:50%;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        -webkit-flex:1;
	        flex:1;
	padding-top:42px;
	position:relative;
	left:100px;
    font-family: arial, sans-serif;	
	font-size:17px;
	line-height:27px;
}

th{
	text-decoration:underline;
}

#hikingguyicon{
	padding-top:100px;
	width:200px;
}

.galleria{ width: 700px; height:550px; background: #000; margin: 0 auto; }

.flexbox5{
	width:100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: no wrap;
        -webkit-flex-wrap: no wrap;
            flex-wrap: no wrap;
}

#commentbox {
	width:50%;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        -webkit-flex:1;
	        flex:1;	
}

#paypal{
	width:50%;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        -webkit-flex:1;
	        flex:1;
	padding:10px 20px;
	font-size:17px;
	text-align:justify;
}

#bigfrog{
	font-size: 17px;
	background-color: black;
	color: orange;
	width: 300px;
	height: 65px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

#cohutta {
	font-size: 17px;
	background-color: green;
	color: white;
	width: 300px;
	height: 65px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

form{
	padding-top:20px;
}

@media only screen 
and (min-width : 320px) 
and (max-width : 750px)
{
.flexheader {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        -webkit-flex-direction: column;
	        flex-direction: column;
}	

#head1{width:100%;}

h1{
	margin:0px;
	padding-top:7px;
	padding-right:7px;	
	text-align:center;
	font-size: 28px;
}	

#head2{width:100%;}	

#blackbear{
	margin-top:0px;
	margin-bottom:5px;
	padding-left:60px;
}

#mobileblackbear{
	width:200px;
	height:auto;
}				

#head3{width:100%;}	
	
.flexbox1 {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        -webkit-flex-direction: column;
	        flex-direction: column;
}	

#flex1{width:100%;}	

#flex2{width:100%;}	
	
.flexbox2 {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        -webkit-flex-direction: column;
	        flex-direction: column;
}		

#flex3{width:100%;}	

#flex4{width:100%;}	
	
#traildescription {
	padding-left: 10px;
	padding-right: 10px;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	font-size: 18px;
	line-height:27px;
	text-align: justify;
}		
	
#picture3{
	padding-left:0px;
	width:100%;
}	

#quote{
	padding-bottom:20px;
	font-size: 1.3em;
}	

.flexbox3 {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        -webkit-flex-direction: column;
	        flex-direction: column;
}		

#flex5{width:100%;}	

#flex6{width:100%;}	
	
#picture4{
	width:100%;
	height:auto;
}	
	
#map{
	width:100%;
	height:auto;
}	
	
.flexbox4 {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        -webkit-flex-direction: column;
	        flex-direction: column;
}		
	
#directions {
    width:95%;
	-webkit-box-ordinal-group: 1;
	           -ms-flex-order: 1;
	            -webkit-order: 1;
	                    order: 1;
	font-size: 18px;
	line-height:27px;
	text-align: justify;
}

#directionstitle{
	text-align:center;
}	

#trailrating{
	width:100%;
	padding-top:10px;
	padding-bottom:20px;
	left:10px;
	margin: 0 auto;
}

#hikingguyicon{
	padding-top:20px;
}	
	
.galleria{ width: 100%; height:400px; background: #000; margin: 0 auto; }

.flexbox5{
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        -webkit-flex-direction:column;
	        flex-direction:column;
}

#commentbox {
	width: 100%;	
}	

#paypal{
	width:95%;
	padding-left:5px;
}		
}

/* iPads (portrait) ----*/
@media only screen 
and (min-width:751px)
and (max-width:775px)  {

#blackbear{
	padding-left:50px;
}
	
#flex3{-webkit-box-flex:2;-ms-flex:2;-webkit-flex:2;flex:2}	
	
#traildescription{
	padding-right:10px;
	font-size:17px;
	line-height:21px;
}
	
#flex4{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1}	

#picture3{
	padding-top:5px;
	width:100%;
}

#hikingicon{
	padding-top:215px;
}
	
#quote{
	padding-top:215px;
	font-size: 16px;
	font-weight: 700;
}	
	
#picture4{
	width:100%;
	height:290px;
}

#map{
	height:290px;
}
	
#directions{
	padding-right:50px;
	font-size:17px;
	line-height:21px;
}	

#trailrating{
	left:0px;
	font-size:17px;
	line-height:25px;
}

#hikingguyicon{
    padding-top:150px;
}	

.galleria{ width:650px; height:425px; background: #000; margin: 0 auto; }
	

#commentbox{
	-webkit-box-flex:2;
	    -ms-flex:2;
	        -webkit-flex:2;
	        flex:2;
}	
	
#paypal{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        -webkit-flex:1;
	        flex:1;
}			
	
}

/* 800px */
@media only screen 
and (min-width:776px)
and (max-width:825px) {

#blackbear{
	padding-left:64px;
}

#head3{
	padding-right:5px;
}
	
#flex3{-webkit-box-flex:2;-ms-flex:2;-webkit-flex:2;flex:2}	
	
#traildescription{
	padding-right:10px;
	font-size:17px;
	line-height:21px;
}
	
#flex4{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1}	

#picture3{
	width:100%;
}

#map{
	height:300px;
}

#hikingicon{
	padding-top:225px;
}
	
#quote{
	padding-top:225px;
	font-size: 14px;
	font-weight: 300;
}	
	
#picture4{
	width:100%;
	height:300px;
}
	
#directions{
	padding-right:50px;
	font-size:17px;
	line-height:21px;
}	

#trailrating{
	left:0px;
}

#hikingguyicon{
	padding-top:150px;
}	

.galleria{ width:650px; height:425px; background: #000; margin: 0 auto; }	

#commentbox{
	-webkit-box-flex:2;
	    -ms-flex:2;
	        -webkit-flex:2;
	        flex:2;
}	
	
#paypal{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        -webkit-flex:1;
	        flex:1;
}				
		
}

/* 853px */
@media only screen 
and (min-width:826px)
and (max-width:875px) {

#blackbear{
	padding-left:64px;
}

#head3{
	padding-right:5px;
}
	
#flex3{-webkit-box-flex:2;-ms-flex:2;-webkit-flex:2;flex:2}	
	
#traildescription{
	padding-right:10px;
	font-size:17px;
	line-height:21px;
}
	
#flex4{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1}	

#picture3{
	width:100%;
}

#map{
	height:300px;
}

#hikingicon{
	padding-top:170px;
}
	
#quote{
	padding-top:170px;
	font-size: 14px;
	font-weight: 300;
}	
	
#picture4{
	width:100%;
	height:300px;
}
	
#directions{
	padding-right:50px;
	font-size:17px;
	line-height:21px;
}	

#trailrating{
	left:0px;
}

#hikingguyicon{
	padding-top:150px;
}	

.galleria{ width:650px; height:425px; background: #000; margin: 0 auto; }	

#commentbox{
	-webkit-box-flex:2;
	    -ms-flex:2;
	        -webkit-flex:2;
	        flex:2;
}	
	
#paypal{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        -webkit-flex:1;
	        flex:1;
}				
		
}


/* Nexus 7 ---960 */
@media only screen 
and (min-width: 876px)
and (max-width : 1000px) {
#flex3{-webkit-box-flex:2;-ms-flex:2;-webkit-flex:2;flex:2}	


#traildescription{
	padding-right:10px;
	font-size:17px;
	line-height:21px;
}

#flex4{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1}	


#picture3{
	width:100%;
}

#hikingicon{
	padding-top:95px;
}

#quote{
	padding-top:95px;
	font-size:17px;
}

#picture4{
	width:100%;
	height:auto;
}

#map{
	height:360px;
}

#directions{
	padding-right:50px;
	font-size:17px;
	line-height:21px;
}

#trailrating{
	left:10px;
	font-size:17px;
	line-height:25px;
}

.galleria{ width:650px; height:425px; background: #000; margin: 0 auto; }

#commentbox{
	-webkit-box-flex:2;
	    -ms-flex:2;
	        -webkit-flex:2;
	        flex:2;
}	
	
#paypal{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        -webkit-flex:1;
	        flex:1;
}			
}

/* iPads (landscape) -----1024*/
@media only screen 
and (min-width: 1001px)
and (max-width : 1100px){

#flex3{-webkit-box-flex:2;-ms-flex:2;-webkit-flex:2;flex:2}	
	
#traildescription{
	padding-right:10px;
	font-size:17px;
	line-height:25px;
}
	
#flex4{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1}	

#picture3{
	width:100%;
}

#hikingicon{
	padding-top:110px;
}

#quote{
	padding-top:110px;
	font-size: 1.2em;
	font-weight:700;
}

#picture4{
	width:100%;
	height:390px;
}

#map{
	height:390px;
}

#directions{
	padding-right:50px;
	font-size:17px;
	line-height:25px;
}

#trailrating{
	left:0px;
	font-size:17px;
	line-height:25px;
}

#hikingguyicon{
	padding-top:150px;
}

.galleria{ width:650px; height:425px; background: #000; margin: 0 auto; }

#commentbox{
	-webkit-box-flex:2;
	    -ms-flex:2;
	        -webkit-flex:2;
	        flex:2;
}

#paypal{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        -webkit-flex:1;
	        flex:1;
}
}

/* 1152px */
@media only screen 
and (min-width: 1101px)
and (max-width : 1200px){

#flex3{-webkit-box-flex:2;-ms-flex:2;-webkit-flex:2;flex:2}	
	
#traildescription{
	padding-right:10px;
	font-size:17px;
	line-height:25px;
}
	
#flex4{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1}	

#picture3{
	width:100%;
}

#hikingicon{
	padding-top:120px;
}

#quote{
	padding-top:120px;
	font-family: "Times New Roman", serif;
	font-size: 14px;
	font-weight:700;
}

#picture4{
	width:100%;
	height:auto;
}

#map{
	height:432px;
}

#directions{
	padding-right:50px;
	font-size:17px;
	line-height:25px;
}

#trailrating{
	left:0px;
	font-size:17px;
	line-height:25px;
}

#hikingguyicon{
	padding-top:150px;
}

.galleria{ width:650px; height:425px; background: #000; margin: 0 auto; }

#commentbox{
	-webkit-box-flex:2;
	    -ms-flex:2;
	        -webkit-flex:2;
	        flex:2;
}

#paypal{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        -webkit-flex:1;
	        flex:1;
}
}

/* Laptops ------1280 */
@media only screen and (min-width: 1201px) and (max-width: 1300px) {

#traildescription{
	font-size:17px;
	line-height:25px;
}
	
#picture3{
	width:85%;
}
	
#hikingicon{
    padding-top:110px;
}
	
#quote{
	padding-top:110px;
	font-size: 20px;
}
		
#picture4{
	width:100%;
	height:480px;
}

#map{
	height:480px;
}	
	
#directions{
	font-size:17px;
	line-height:25px;
}
	
#trailrating{
	left:0px;
	font-size:17px;
	line-height:25px;
}

#hikingguyicon{
	padding-top:150px;
}	

#commentbox{-webkit-box-flex:2;-ms-flex:2;-webkit-flex:2;flex:2;}	

#paypal{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1;}		

}

/* Laptop ---IE11----1360 - 2% and 1366 - 35% and 1376px*/
@media only screen  
and (min-width:1301px) and (max-width: 1376px) {

#traildescription{
	font-size:17px;
	line-height:25px;
}

#picture3{
	width:80%;
}

#hikingicon{
	padding-top:50px;
}

#quote{
	padding-top:50px;
	font-size:20px;
}

#picture4{
	width:100%;
	height:auto;
}

#map{
	height:506px;
}

#directions{
	font-size:17px;
	line-height:25px;
}

#trailrating{
	left:0px;
	font-size:17px;
	line-height:25px;
}

#commentbox{-webkit-box-flex:2;-ms-flex:2;-webkit-flex:2;flex:2;}	

#paypal{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1;}		
}

/* 1400px */
@media only screen  
and (min-width:1377px) and (max-width: 1400px) {

#traildescription{
	font-size:17px;
	line-height:25px;
}

#picture3{
	width:80%;
}

#hikingicon{
	padding-top:50px;
}

#quote{
	padding-top:50px;
	font-size:1.3em;
}

#picture4{
	height:auto;
}

#map{
	height:525px;
}

#directions{
	font-size:17px;
	line-height:25px;
}

#trailrating{
	left:0px;
	font-size:17px;
	line-height:25px;
}

#commentbox{-webkit-box-flex:2;-ms-flex:2;-webkit-flex:2;flex:2;}	

#paypal{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1;}		
}

/*Laptop L ---- Chrome--1440--6% */
@media only screen and (min-width: 1401px) and (max-width: 1475px) {

#traildescription{
	font-size:17px;
	line-height:25px;
}

#picture3{
	width:70%;
}

#hikingicon{
	padding-top:75px;
}

#quote{
	padding-top:75px;
	font-size:20px;
}

#picture4{height:auto;}

#map{
	height:540px;
}

#directions{
	font-size:17px;
	line-height:25px;
}

#trailrating{
	left:0px;
	font-size:17px;
	line-height:25px;
}

#hikingguyicon{
	padding-top:125px;
	width:200px;
}
}

/*1536---1% */
@media only screen and (min-width: 1476px) and (max-width: 1550px){

#picture3{
	width:70%;
}

#hikingicon{
	padding-top:40px;
}

#quote{
	padding-top:40px;
	font-size:20px;
}	

#picture4{height:auto;}

#map{
	height:576px;
}
	
}

/*1680---3% */
@media only screen and (min-width: 1651px) and (max-width: 1800px){
#traildescription{
	  font-size:20px;
	  line-height:30px;
}	

#picture3{
	width:75%;
}

#hikingicon{
	padding-top:75px;
}

#quote{
	padding-top:75px;
	font-size:24px;
}

#picture4{
	height:auto;
}

#map{
	height:630px;
}

}

/* Large screens -20%-1920px */
@media only screen 
and (min-width : 1801px)
and (max-width : 1950px) {
	
#picture1{
	padding-left:112px;
	max-width:840px;
}

#picture1title{
	padding-left:112px;
}

#picture2{
	max-width:840px;
}

#picture2title{
	padding-right:112px;
}

#traildescription{
	padding-left:112px;
	font-size:18px;
	line-height:27px;
}

#picture3{
	padding-right:90px;
	width:64%;
}

#picture3title{
	padding-right:90px;
}

#hikingicon{
	padding-top:10px;
	padding-right:90px;
}

#quote{
	padding-top:10px;
	padding-right:112px;
}	

#picture4{
	padding-left:112px;
	max-width:840px;
	height:auto;
}

#picture4title{
	padding-left:112px;
}

#map{
	padding-right:112px;
	height:630px;
	width:auto;
}						

#maptitle{
	padding-right:112px;
}		

#directions{
	padding-left:112px;
}

#trailrating{
	left:164px;
}		

}

/* Largest screens 2560px ----------- */
@media only screen 
and (min-width : 2450px) {

#picture1{
	padding-left:272px;
	max-width:1000px;
}

#picture2{
	max-width:1000px;
}

#traildescription{
	padding-left:272px;
	font-size:23px;
	line-height:34px;
}	
	
#picture3{
	width:57%;
}	

#hikingicon{
	padding-top:64px;
}

#quote{
	padding-top:64px;
}	

#picture4{
	padding-left:272px;
	max-width:1000px;
	height:auto;
}

#directions{
	padding-left:272px;
	padding-right:280px;
}

#trailrating{
	left:150px;
	padding-bottom:20px;
}	

#commentbox{
	padding-left:272px;
}

#paypal {
	padding-right:272px;
}	
}