

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

.flexheader {
    width:100%;
	display: -webkit-box-;
    display: -webkit-flex;
	display: -ms-flexbox;
    display: -webkit-box;
    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:33.33%;
 -webkit-box-flex:1;
	     -ms-flex:1;
	 -webkit-flex:1;
	         flex:1;	
}

h1 {
	font-family: Impact,sans-serif;
	font-size: 40px;
	font-weight: 500;
	text-shadow: 4px 4px 4px #aaa;
    line-height: 1.1;
	padding-left: 8px;
}

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

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

#head3{
	width:33.33%;
 -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;
	text-shadow: 4px 4px 4px #aaa;
    line-height: 1.1;
	padding-left: 8px;
}
	
.flexbox1{
    width:100%;
	display: -webkit-box;
    display: -webkit-flex;
	display: -ms-flexbox;
    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%;
}

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

#picture2 {
	width:100%;
}

a{
	color:blue;
	text-decoration:none;
}

a:hover {
	color:red;
}

.flexbox2 {
    width: 100%;
	display: -webkit-box;
    display: -webkit-flex;   
	display: -ms-flexbox;
    display: flex;
      -ms-flex-wrap: no wrap;
  -webkit-flex-wrap: no wrap;
          flex-wrap: no wrap;
	background-color: #e6cf8b;
	border-bottom: 10px solid black;  
}

.flex-item1 {
	        width:25%;
-webkit-box-flex: 1;
	    -ms-flex: 1 1 267px;
	-webkit-flex: 1;
	        flex: 1 1 267px;
       max-width:267px;	
}

#cohutta {
	background-color: #001C0D;
	color: white;
	width: 267px;
	height: 65px;
	font-size: 17.6px;
	white-space:normal;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

#cohutta:active {
  -webkit-transform: translateY(4px);
      -ms-transform: translateY(4px);
          transform: translateY(4px);
}

#cohutta:hover {
    background-color: white;
    color: green; 
}

.watershed {
	font-size:22px;
	font-weight:900;
}

#chattahoocheeandcohutta {
	background: #001C0D; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#001C0D, #7ec0ee);
    background: linear-gradient(#001C0D, #7ec0ee); /* Standard syntax */
	color: white;
	width: 267px;
	height: 65px;
	font-size: 17.6px;	
	white-space:normal;	
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

#chattahoocheeandcohutta:active {
      -webkit-transform: translateY(4px);
          -ms-transform: translateY(4px);
              transform: translateY(4px);
}

#chattahoocheeandcohutta:hover {
    background-color: white;
    color: green; 
}

#cherokeeandcohutta{
	background: #001C0D; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#001C0D,orange);
    background: linear-gradient(#001C0D,orange); /* Standard syntax */
	color: white;	
	width: 267px;
	height: 65px;
	font-size: 17.6px;
	white-space:normal;	
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

#cherokeeandcohutta:active {
      -webkit-transform: translateY(4px);
          -ms-transform: translateY(4px);
              transform: translateY(4px);
}

#cherokeeandcohutta:hover {
    background-color: white;
    color: orange; 
}

#chattahoochee {
	background-color: #7ec0ee;
	color: black;
	width: 267px;
	height: 65px;
	font-size: 17.6px;
	white-space:normal;		
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

#chattahoochee:active {
      -webkit-transform: translateY(4px);
          -ms-transform: translateY(4px);
              transform: translateY(4px);
}

#chattahoochee:hover {
    background-color: white;
    color: blue; 
}

#cherokee {
	background-color: orange;
	color: #333;
	width: 267px;
	height: 65px;
	font-size: 17.6px;
	white-space:normal;		
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

#cherokee:active {
      -webkit-transform: translateY(4px);
          -ms-transform: translateY(4px);
              transform: translateY(4px);
}

#cherokee:hover {
    background-color: white;
    color: orange; 
}

#fortmountain {
	background-color: #B31403;
	color: white;
	width: 267px;
	height: 65px;
	font-size: 17.6px;
	white-space:normal;		
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

#fortmountain:active {
      -webkit-transform: translateY(4px);
          -ms-transform: translateY(4px);
              transform: translateY(4px);
}

#fortmountain:hover {
    background-color: white;
    color: #B31403; 
}

#caltopomap{
	font-size:16px;
	color:green;
}

#cohuttawilderness{
	width:90%;
}

#easternhemlock{
	padding-top:175px;
	width:90%;
}

#hikingicon{
	padding-top:175px;	
	width:150px;
}

#hikingguy{
	padding-top:175px;
	width:200px;
}

h3{
	text-align: center;
}

.flex-item2 {
	width:25%;
  -webkit-box-flex: 2;
	      -ms-flex: 2 1 438.667px;
	  -webkit-flex: 2;
	          flex: 2;
	       padding: 0px 0px;
   	   font-family:"Times New Roman", serif;  
}

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

#pantherpic{
   width:95%;
   padding-top:0px;   
}

#secondparagraph {
  padding:0px 10px; 
  font-size: 18px;
  line-height: 27px;
  text-align: justify;
}

#quoteedwards{
	margin:0px;
}

#hikingiconblack-1{
	display:none;
}

.flex-item3 {
	width:25%;
  -webkit-box-flex:2;
	      -ms-flex: 2 1 438.667px;
      -webkit-flex:2;
	          flex:2;
       font-family:"Times New Roman", serif;  
}

#accessroadmap {
	width:95%;
	border: 2px solid #001C0D;
}

th{
	text-decoration:underline;
}

#flex3 {
	font-size:18px;
	text-align:justify;
	padding:0px 10px;
	line-height:27px;
}

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

#hikingiconblack-2{
	display:none;
}

.flex-item4 {
	width:25%;
  -webkit-box-flex:2;
	      -ms-flex: 2 1 438.667px;
      -webkit-flex:2;
	          flex:2;
       font-family:"Times New Roman", serif;  
}

#trailmap {
	width:95%;
	border: 2px solid #001C0D;
}

#eastcowpen{
	text-align: center;
	font-size:14px;
}

#flex4 {
	font-size:18px;
	text-align:justify;
	padding:0px 10px;
	line-height: 27px;
}

#trailmileage{
	margin:0 auto;
	font-size:17px;
	line-height:25px;
}

.slider{
    margin:0 auto;
    padding:0;
	width:300px;
    text-align:;
}
.pull-me{
    -webkit-box-shadow: 0 0 8px #FFD700;
    -moz-box-shadow: 0 0 8px #FFD700;
    box-shadow: 0 0 8px #FFD700;
    cursor:pointer;
}
.panel {
	background: white;
    background-size:90% 90%;
    height:auto;
	display:none;
    font-family:garamond,times-new-roman,serif;
}
.panel p{
    text-align:center;
}
.slide {
	margin:0;
	padding:0;
	border-top:solid 2px #cc0000;
}
.pull-me {
	display:block;
    margin:0 auto;
    width:150px;
    height:20px;
	font-family:arial,sans-serif;
    font-size:14px;
	color:#ffffff;
    background:#cc0000;
	text-decoration:none;
    -moz-border-bottom-left-radius:5px;
    -moz-border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
.pull-me p {
    text-align:center;
}

#hikingiconorange{
	display:none;
}

#whitebox{
	padding-top:0px;
}

#flex5 {
	padding:10px;
	margin:10px;
	font-family:Verdana, sans-serif;
	font-variant:small-caps;
	font-size:17px;
	text-align:justify;
	border:1px solid black;
	background-color:white;
}

.flexbox3{
    width:100%;
	display:-webkit-box;
    display: -webkit-flex;
	display:-ms-flexbox;
    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;
	font-family:"Times New Roman", serif;	
	font-size:18px;
	line-height:27px;
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
}

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

#viewmoretrails{
	padding-bottom:20px;
}

#fortmountainstables{
	font-size:24px;
}

#blackbearimage{
	width:50%;
}


#HCB_comment_box textarea{}#HCB_comment_box{background-color:white;}#HCB_comment_box p.error{border:4px solid #f88;background-color:#fee;color:#800;}#HCB_comment_box textarea,#HCB_comment_box input.text{border:1px solid #ddd;border-left:1px solid #ccc;border-top:1px solid #ccc;background:url(bg.png) repeat-x;}#HCB_comment_box .hcb-wrapper-half{display:block;width:50%;float:left;}#HCB_comment_box .hcb-wrapper{clear:both;margin-bottom:0.5em;}#HCB_comment_box input.text{display:block;width:97%;}#HCB_comment_box input.submit{margin:0 7px 3px 0;background-color:#f5f5f5;border:1px solid #ccc;border-top:1px solid #ddd;border-left:1px solid #ddd;font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;width:auto;overflow:visible;padding:4px 10px 3px 7px;}#HCB_comment_box input.submit:hover{background-color:#dff4ff;border:1px solid #c2e1ef;color:#336699;}#HCB_comment_box span.home-desc{opacity:0.4;}#HCB_comment_box div.comment{border-top:1px solid #eee;margin-bottom:0.5em;}.hcb-mod b{color:darkblue;}.hcb-link{color:blue;text-decoration:underline;}

#HCB_comment_box #HCB_comment_form_box{padding-bottom:1em}#HCB_comment_box .hcb-link{cursor:pointer}#HCB_comment_box .hcb-icon{border:0px transparent none}#HCB_comment_box textarea {display:block;width:100%;box-sizing: border-box;width: 100%}#HCB_comment_box blockquote{margin:10px;overflow:hidden}#HCB_comment_box .hcb-err{color:red}#HCB_comment_box .hcb-comment-tb{margin:0}#HCB_comment_box .comment{position:relative}#HCB_comment_box .comment .likes{position:absolute;top:0;right:0;opacity:0.8}#HCB_comment_box .comment .hcb-comment-tb a{visibility:hidden}#HCB_comment_box .comment:hover .hcb-comment-tb a{visibility:visible}#HCB_comment_box .gravatar{padding-right:2px}#HCB_comment_box input{margin-left:0}

@media only screen and (max-width: 750px) {

body  {
	width:100%;
	margin:0px;
}

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

#head1{
	width:100%;
}

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

#head2{
	width:100%;
}

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

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

#head3{
	width:100%;
}

#quote {
	padding:10px 10px; 
	margin:0 auto;
	text-align:center;
	font-size:16px;
}

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

#flex1{
	width:100%;
}

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

#flex2{
	width:100%;
}

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

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

a:hover {
	color:red;
}  

.flex-item1{
	    width: 100%;
	max-width: none; 
	     flex: 1;
}

#cohutta{
	width:100%;
	height:50px;
	cursor:pointer;
}

#cohutta:active {
  -webkit-transform:translateY(4px);
          -ms-transform:translateY(4px);
      transform:translateY(4px);
}	

#cohutta:hover {
    background-color:white;
    color:green; 
}

#chattahoocheeandcohutta{
	width:100%;
	height:50px;
	background: Green; /* For browsers that do not support gradients */		
}

#cherokeeandcohutta{
	width:100%;
	height:50px;
	background: Green; /* For browsers that do not support gradients */	
}

#chattahoochee {
	width:100%;
	height:50px;
	cursor:pointer;
}

#chattahoochee:active {
  -webkit-transform:translateY(4px);
          -ms-transform:translateY(4px);
      transform:translateY(4px);
}

#chattahoochee:hover {
    background-color:white;
    color:blue; 
}

#cherokee {
	width:100%;
	height:50px;
	cursor:pointer;
}

#cherokee:active {
  -webkit-transform:translateY(4px);
          -ms-transform:translateY(4px);
      transform:translateY(4px);
}

#cherokee:hover {
    background-color:white;
    color:orange; 
}

#fortmountain {
	width:100%;
	height:50px;
	cursor:pointer;
}

#cohuttawilderness{
	width:75%;
}

#hikingicon{
	padding:15px;
}

#easternhemlock{
	padding:15px;
	width:50%;
}

#hikingguy{
	padding:15px;
	width:50%;
}

#flex2 {
  font-size:17.6px;
}

.flex-item2  {
	width:100%;
}

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

#secondparagraph{
	padding:0px 10px;
	font-family:sans-serif;
}

#hikingiconblack-2{
	padding-bottom:10px;
	width:160px;
}

.flex-item3 {
	width:100%;
	font-family:sans-serif;	
}

#accessroadmap {
	width:97%;
    height:auto;
}

#flex3{
	padding:0px 10px;
}

#serviceroads{
	font-size:15px;
	line-height:20px;
}

.flex-item4 {
	width:100%;
	font-family:sans-serif;	
}

#trailmap {
	padding-top:0px;
	width:97%;
	height:auto;
}

#flex4{
	padding:0px 10px;
}

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

#whitebox{
  width:100%;	
  padding:0px;
}

#flex5{
	font-size:17px;
}

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

#commentbox{
	width:100%;
}

.hcb-flag img {
	display:none;
}

.hcb-like img {
	display:none;
}

.likes {
	display:none;
}

.gravatar {
	display:none;
}

#comment_15162603 img{
	width:100%;
	max-width:384px;
}

#paypal{
	width:95%;
	margin:0 auto;
	padding:0px;
}

#blackbearimage{
	width:100%;
}
}

@media only screen 
and (min-width : 751px) 
and (max-width : 855px) {

#blackbear{
	padding-left:50px;
}

#quote{
	padding-top:15px;
	padding-right:20px;
	font-size:.70em;
}

.flexbox2{
    width: 100%;
-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
        flex-wrap: wrap;	
}

.flex-item1{
	    max-width: none;
 -webkit-box-flex:1 50%;
	     -ms-flex:1 50%;
	 -webkit-flex:1 50%;
             flex:1 50%;
-webkit-box-ordinal-group: 1;
           -ms-flex-order: 1;
            -webkit-order: 1;
                    order: 1;
}

#cohutta{
	width:100%;
	border-radius: 50px;
}

#chattahoocheeandcohutta{
	width:100%;
	background: Green; /* For browsers that do not support gradients */		
	border-radius: 50px;
}

#cherokeeandcohutta{
	width:100%;
	background: Green; /* For browsers that do not support gradients */		
	border-radius: 50px;
}

#chattahoochee{
	width:100%;
	border-radius: 50px;	
}

#cherokee{
	width:100%;
	border-radius: 50px;
}

#fortmountain{
	width:100%;
	border-radius: 50px;
}

#cohuttawilderness{
	padding-top:10px;
	width:250px;
}

#easternhemlock{
	padding-top:170px;
	width:60%;
}

#hikingguy{
	padding-top:170px;
	width:60%;
}

.flex-item2{
  -webkit-box-flex:1 50%;
	      -ms-flex:1 50%;
	  -webkit-flex:1 50%;
              flex:1 50%;
}

#pantherpic{
	padding-top:0px;
	width:95%;
}

#secondparagraph{
	font-size:1.125em;
	line-height:27px;
	padding:0px 5px;
	text-align:justify;
}

#hikingiconblack-2{
	padding-top:30px;
	width:100px;
}

.flex-item3{
  -webkit-box-flex:1 50%;
	      -ms-flex:1 50%;
	  -webkit-flex:1 50%;
              flex:1 50%;
}

#accessroadmap {
	width:350px;
	height:494px;
}

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

.flex-item4{
	-webkit-box-flex:1 50%;
	        -ms-flex:1 50%;
	    -webkit-flex:1 50%;
	            flex:1 50%;
}

#trailmap {
	width:350px;
	height:494px;
}

#flex4{
	font-size:18px;
	line-height:27px;
}

#trailmileage{
	padding-top:0px;
	font-size:16px;
	line-height:24px;
}

#hikingiconorange{
	display:none;
}

#whitebox{
	padding-top:0px;
}

#flex5{
	font-size:16px;
}

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

#blackbearimage{
	width:80%;
}

}

/* 960px */
@media only screen 
and (min-width : 856px) 
and (max-width : 1000px) {
	
#quote{
	padding-top:15px;
	padding-right:20px;
	font-size:.70em;
}

.flexbox2{
    width: 100%;
	    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
	        flex-wrap: wrap;	
}

.flex-item1{
	    max-width: none;
 -webkit-box-flex:1 50%;
	     -ms-flex:1 50%;
	 -webkit-flex:1 50%;
             flex:1 50%;
 -webkit-box-ordinal-group: 1;
            -ms-flex-order: 1;
             -webkit-order: 1;
                     order: 1;
}

#cohutta{
	width:100%;
}

#chattahoocheeandcohutta{
	width:100%;
	background: Green; /* For browsers that do not support gradients */	
}

#cherokeeandcohutta{
	width:100%;
	background: Green; /* For browsers that do not support gradients */	
}

#chattahoochee{
	width:100%;
}

#cherokee{
	width:100%;
}

#fortmountain{
	width:100%;
}

#cohuttawilderness{
	padding-top:20px;
	width:250px;
}

#easternhemlock{
	padding-top:130px;
	width:50%;
}

#hikingguy{
	padding-top:130px;
	width:50%;
}

.flex-item2{-webkit-box-flex:1 50%;-ms-flex:1 50%;-webkit-flex:1 50%;flex:1 50%;padding-bottom:20px;}

#pantherpic{
	padding-top:0px;
}

#secondparagraph{
	font-size:1.125em;
	line-height:27px;
	padding:0px 0px;
	text-align:justify;
}

#hikingiconblack-1{
	display:inline;
	padding-top:25px;
	width:100px;
}

.flex-item3{-webkit-box-flex:1 50%;-ms-flex:1 50%;-webkit-flex:1 50%;flex:1 50%;padding-bottom:20px;}

#accessroadmap {
	width:90%;
	height:auto;
}

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

#hikingiconblack{
	display:none;
}

.flex-item4{-webkit-box-flex:1 50%;-ms-flex:1 50%;-webkit-flex:1 50%;flex:1 50%;}

#trailmap {
	width:90%;
	height:auto;
}

#flex4{
	font-size:18px;
	line-height:27px;
}

#trailmileage{
	padding-top:0px;
	font-size:17px;
	line-height:25px;
}

#hikingiconorange{
	display:none;
}

#whitebox{
	padding-top:0px;
}

#flex5{
	font-size:17px;
}

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

#blackbearimage{
	width:80%;
}
		
}

@media only screen 
and (min-width : 1001px) 
and (max-width : 1100px) 
and (orientation : landscape) {

#quote{
  padding-right:20px;
  font-size:16px;
}

.flex-item1{
	flex:1;
}

#cohutta{
	width:100%;
	height:80px;
	border-radius: 150px;
	font-size:14px;
}

#chattahoocheeandcohutta{
	background: Green; /* For browsers that do not support gradients */
	width:100%;
	height:80px;
	border-radius: 150px;
	font-size:14px;
}

#cherokeeandcohutta{
	background: Green; /* For browsers that do not support gradients */	
	width:100%;
	height:80px;
	border-radius: 150px;
	font-size:14px;	
}

#chattahoochee{
	width:100%;
	height:80px;
	border-radius: 150px;
	font-size:14px;	
}

#cherokee{
	width:100%;
	height:80px;
	border-radius: 150px;	
	font-size:14px;
}

#fortmountain{
	width:100%;
	height:80px;
	border-radius: 150px;	
	font-size:14px;
}

#cohuttawilderness{
	padding-top:0px;
	width:90%;
}

#hikingicon{
	padding-top:255px;
}

#easternhemlock{
	padding-top:255px;
	width:90%;
}

#hikingguy{
	padding-top:255px;
	width:90%;
}

.flex-item2{
	padding:0px 0px;
}

#pantherpic{
   width:95%;
   padding-top:0px;
}

#secondparagraph{
   padding:0px 5px;
   font-size:17px;
   line-height:22px;   
}

#accessroadmap{
	width:265px;
	height:auto;
}

#serviceroads{
	font-size:16px;
	line-height:24px;
	padding-bottom:0px;
}

#flex3{
	padding:0px 10px;
	position:relative;
	top:-5px;
	font-size:17px;
	line-height:22px;
}

#hikingiconblack-2{
	display: none;
	
}

#trailmap{
	width:265px;
	height:auto;
}

#flex4{
	padding-right:10px; 
	padding-left:10px;
	font-size:17px;
	line-height:22px;
}

#trailmileage{
	padding-top:0px;
	font-size:17px;
	line-height:25px;
}

#hikingiconorange{
	display:inline;
	padding-top:20px;	
	width:100px;
}

#whitebox{
	padding-top:10px;
}

#flex5{
	font-size:18px;
}

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

#blackbearimage{
	width:75%;
}

}

@media only screen 
and (min-width : 1001px) 
and (max-width : 1100px) 
and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 

h1{
	font-size:30px;
}

h3{
	font-size:17px;
}

#cohuttawilderness{
	padding-top:0px;
	width:90%;
}

#hikingicon{
	padding-top:245px;	
	width:90%;
}

#easternhemlock{
	padding-top:245px;
	width:90%;
}

#hikingguy{
	padding-top:245px;
	width:90%;
}

#hikingiconblack-1{
	display:inline;
	padding-top:10px;
	width:75px;
}

#hikingiconblack-2{
	display: none;
}

#hikingiconorange{
	display:none;
}

#whitebox{
	padding-top:0px;
}

#flex5{
	font-size:17.5px;
}

#blackbearimage{
	width:75%;
}

}

@media only screen 
and (min-width : 1001px) 
and (max-width : 1100px) 
and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {

#hikingicon{
	padding-top:245px;	
	width:90%;
}

#easternhemlock{
	padding-top:245px;
	width:90%;
}

#hikingguy{
	padding-top:245px;
	width:90%;
}

#accessroadmap{
	width:265px;
	height:auto;
}

#serviceroads{
	font-size:15px;
	line-height:22px;
	padding-bottom:0px;
}

#hikingiconblack-1{
	display:inline;
	padding-top:0px;
	width:75px;
}

#hikingiconblack-2{
	display: none;
	padding-top:30px;
	width:100px;
}

#trailmap{
	width:265px;
	height:auto;
}

#hikingiconorange{
	display:none;
}

#flex5{
	margin:10px;
	font-size:18px;
}

#blackbearimage{
	width:75%;
}
	
}


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

h1{
	font-size:34px;
}
	
#quote{
  padding-right:20px;
  font-size:16px;
}

.flex-item1{
	flex:1;
	max-width:165px;
}

#cohutta{
	width:100%;
	height:65px;
	border-radius: 150px;
	font-size:14px;
}

#chattahoocheeandcohutta{
	background: Green; /* For browsers that do not support gradients */
	width:100%;
	height:65px;
	border-radius: 150px;
	font-size:14px;
}

#cherokeeandcohutta{
	background: Green; /* For browsers that do not support gradients */	
	width:100%;
	height:65px;
	border-radius: 150px;
	font-size:14px;	
}

#chattahoochee{
	width:100%;
	height:65px;
	border-radius: 150px;
	font-size:14px;	
}

#cherokee{
	width:100%;
	height:65px;
	border-radius: 150px;	
	font-size:14px;
}

#fortmountain{
	width:100%;
	height:65px;
	border-radius: 150px;	
	font-size:14px;
}

#cohuttawilderness{
	padding-top:0px;
	width:90%;
}

#hikingicon{
	padding-top: 210px;
    width: 150px;	
}

#easternhemlock{
	padding-top:210px;
	width:80%;
}

#hikingguy{
	padding-top:210px;
	width:80%;
}

.flex-item2{
	padding:0px 0px;
}

#pantherpic{
   width:95%;
   padding-top:0px;
}

#secondparagraph{
   padding:0px 5px;
   font-size:17px;
   line-height:22px;   
}

#accessroadmap{
	width:265px;
	height:auto;
}

#serviceroads{
	font-size:18px;
	line-height:27px;
}

#flex3{
	padding:0px 5px;
	position:relative;
	top:-5px;
	font-size:17px;
	line-height:22px;
}

#hikingiconblack-2{
	
}

#trailmap{
	width:265px;
	height:auto;
}

#flex4{
	padding-right:10px; 
	padding-left:5px;
	font-size:17px;
	line-height:22px;
}

#trailmileage{
	padding-top:0px;	
	font-size:17px;
	line-height:25px;
}

#hikingiconorange{
	display:none;
}

#whitebox{
	padding-top:0px;
}

#flex5{
	margin:5px;
	font-size:15.5px;
}

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

#blackbearimage{
	width:75%;
}
	
}

@media only screen 
and (min-width : 1101px) 
and (max-width : 1200px) 
and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {
		
#flex5{
	font-size:15px;
}
	
}

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

h1{
	font-size:36px;
}

#quote{
   font-size:16px;
}

.flex-item1 {
-webkit-box-flex: 1;
	    -ms-flex: 1 1 262px;
	-webkit-flex: 1;
	        flex: 1 1 262px;
}

#cohutta{
	width:100%;
}

#chattahoocheeandcohutta{
	width:100%;
}

#cherokeeandcohutta{
	width:100%;
}

#chattahoochee{
	width:100%;
}

#cherokee{
	width:100%;
	height:70px;
}

#fortmountain{
	width:100%;
}

#cohuttawilderness{
	padding-top:0px;
	width:250px;
}

#hikingicon{
	padding-top:200px;
}

#easternhemlock{
	padding-top:200px;
	width:200px;
}

#hikingguy{
	padding-top:200px;
	width:175px;
}

.flex-item2{
	padding:0px 0px;
   -ms-flex: 2 1 337px;
       flex: 2 1 337px;
}

#pantherpic{
   width:90%;
   padding-top:0px;
}

#secondparagraph{
   padding:0px 5px;
   font-size:17px;
   line-height:25px;   
}

.flex-item3{
	-ms-flex: 2 1 337px;
	    flex: 2 1 337px;   	
}

#accessroadmap{
	width:97%;
	height:auto;
}

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

#flex3{
	padding:0px 5px;
	font-size:17px;
	line-height:25px;
}

#hikingiconblack-2{
	display: none;
}

.flex-item4{
	-ms-flex: 2 1 337px;
	    flex: 2 1 337px;   	
}

#trailmap{
	width:97%;
	height:auto;
}

#flex4{
	padding-right:15px;
	padding-left:10px;
	font-size:17px;
	line-height:25px;
}

#trailmileage{
	padding-top:0px;
}

#hikingiconorange{
	display:none;
}

#whitebox{
	padding-top:5px;
}

#flex5{
	margin:10px;
	font-size:16px;
}

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

#blackbearimage{
	width:75%;
}

}

@media only screen 
and (min-width : 1201px) 
and (max-width : 1300px) 
and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {

#hikingicon{
	padding-top:200px;
}

#easternhemlock{
	padding-top:200px;
	width:200px;
}

#hikingguy{
	padding-top:200px;
	width:175px;
}

#blackbearimage{
	width:75%;
}
				
}

/* Laptop ---IE11----1360 - 2% and 1366 - 35% and 1376*/
@media only screen 
and (min-width:1301px) 
and (max-width:1376px) {
	
#quote{
	font-size:16px;
}

.flex-item1{
	padding-top:0px;
	max-width: none;
	flex: 1;
}

#cohutta{
	width:100%;
	height:70px;
}

#chattahoocheeandcohutta{
	width:100%;
	height:70px;
}

#cherokeeandcohutta{
	width:100%;
	height:70px;	
}

#chattahoochee{
	width:100%;
	height:70px;
}

#cherokee{
	width:100%;
	height:70px;
}

#fortmountain{
	width:100%;
	height:70px;
}

#cohuttawilderness{
	padding-top:0px;
	width:95%;
}

#hikingicon{
	padding-top:155px;
}

#easternhemlock{
	padding-top:155px;
}

#hikingguy{
	padding-top:155px;
}

.flex-item2{
	padding:0px;
}

#pantherpic{
	padding-top:0px;
	width:95%;
}

#secondparagraph{
	font-size:17px;
	line-height:25px;
	padding:0px 10px;
}

#accessroadmap{
	width:95%;
	height:auto;
}

#serviceroads{
	font-size:16px;
	line-height:24px;
}

#flex3{
	padding:0px 5px;
	font-size:17px;
	line-height:25px;
}

#hikingiconblack-2{
	display:none;
}

#trailmap{
	width:95%;
	height:auto;
}

#flex4{
	margin:0 auto;
	padding-right:20px;
	font-size:17px;
	line-height:25px;
}

#trailmileage{
	padding-top:0px;
	font-size:16px;
	line-height:24px;
}

#hikingiconorange{
	display:none;
}

#whitebox{
	padding-top:0px;
}

#flex5 {
	margin:5px;
	font-size:15px;
}

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

#blackbearimage{
	width:75%;
}
	
}

@media only screen 
and (min-width : 1301px) 
and (max-width : 1376px) 
and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {

#hikingicon{
	padding-top:165px;
}

#easternhemlock{
	padding-top:165px;
}

#hikingguy{
	padding-top:165px;
}

#whitebox{
	padding-top:0px;
}

#flex5 {
	margin:10px;
	font-size:15px;
}

#blackbearimage{
	width:75%;
}	
}

/* Laptop ---1400*/
@media only screen 
and (min-width:1377px) 
and (max-width:1400px) {
	
#quote{
	font-size:16px;
}

.flex-item1{
	padding-top:0px;
	max-width: none;
	flex: 1;
}

#cohutta{
	width:100%;
	height:70px;
}

#chattahoocheeandcohutta{
	width:100%;
	height:70px;
}

#cherokeeandcohutta{
	width:100%;
	height:70px;	
}

#chattahoochee{
	width:100%;
	height:70px;
}

#cherokee{
	width:100%;
	height:70px;
}

#cohuttawilderness{
	padding-top:0px;
	width:95%;
}

#hikingicon{
	padding-top:165px;
    width: 150px;	
}

#easternhemlock{
	padding-top:165px;
}

#hikingguy{
	padding-top:165px;
}

.flex-item2{
	padding:0px;
}

#pantherpic{
	padding-top:0px;
	width:95%;
}

#secondparagraph{
	font-size:17px;
	line-height:25px;
	padding:0px 10px;
}

#hikingiconblack-2{
	display:none;
}

#accessroadmap{
	width:95%;
	height:auto;
}

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

#flex3{
	padding:0px 5px;
	font-size:17px;
	line-height:25px;
}

#trailmap{
	width:95%;
	height:auto;
}

#flex4{
	margin:0 auto;
	font-size:17px;
	line-height:25px;
}

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

#hikingiconorange{
	display:none;
}

#whitebox{
	padding-top:0px;
}

#flex5 {
	margin:10px;
	font-size:17px;
}

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

#blackbearimage{
	width:75%;
}	
	
}

/* Laptop ---1440*/
@media only screen 
and (min-width:1401px) 
and (max-width:1475px) {
	
#quote{
	font-size:16px;
}

.flex-item1{
	padding-top:0px;
	max-width: none;
	flex: 1;
}

#cohutta{
	width:100%;
	height:70px;
}

#chattahoocheeandcohutta{
	width:100%;
	height:70px;
}

#cherokeeandcohutta{
	width:100%;
	height:70px;	
}

#chattahoochee{
	width:100%;
	height:70px;
}

#cherokee{
	width:100%;
	height:70px;
}

#cohuttawilderness{
	width:70%;
}

#hikingicon{
	padding-top: 200px;
    width: 150px;	
}

#easternhemlock{
	padding-top:200px;
	width:70%;
}

#hikingguy{
	padding-top:200px;
	width:150px;
}

.flex-item2{
	padding:0px;
}

#pantherpic{
	padding-top:0px;
	width:95%;
}

#secondparagraph{
	font-size:17px;
	line-height:25px;
	padding:0px 10px;
}

#hikingiconblack-2{
	display:inline;
	top:-10px;
	width:75px;
}

#accessroadmap{
	width:95%;
	height:auto;
}

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

#flex3{
	padding:0px 5px;
	font-size:17px;
	line-height:25px;
}

#trailmap{
	width:95%;
	height:auto;
}

#flex4{
	margin:0 auto;
	font-size:17px;
	line-height:25px;
}

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

#hikingiconorange{
	display:none;
}

#whitebox{
	padding-top:0px;
}

#flex5{
	margin:5px;
	font-size:17px;
}

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

#blackbearimage{
	width:75%;
}		
		
}

@media only screen 
and (min-width : 1401px) 
and (max-width : 1475px) 
and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {



}

/* Desktop ---1536*/
@media only screen 
and (min-width:1476px) 
and (max-width:1550px) {
	
#quote{
	font-size:16px;
}

.flex-item1{
	padding-top:0px;
	max-width: none;
	flex:1;
}

#cohutta{
	width:100%;
	height:70px;
}

#chattahoocheeandcohutta{
	width:100%;
	height:70px;
}

#cherokeeandcohutta{
	width:100%;
	height:70px;	
}

#chattahoochee{
	width:100%;
	height:70px;
}

#cherokee{
	width:100%;
	height:70px;
}

#cohuttawilderness{
	width:70%;
}

#hikiingicon{
	padding-top:175px;
	width:150px;	
}

#easternhemlock{
	padding-top:175px;
	width:60%;
}

#hikingguy{
	padding-top:175px;
	width:150px;
}

.flex-item2{
	padding:0px;
}

#pantherpic{
	padding-top:0px;
	width:95%;
}

#secondparagraph{
	font-size:17px;
	line-height:25px;
	padding:0px 10px;
}

#accessroadmap{
	width:90%;
	height:auto;
}

#flex3{
	padding:0px 5px;
	font-size:17px;
	line-height:25px;
}

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

#hikingiconblack-2{
	display:none;
}

#trailmap{
	width:90%;
	height:auto;
}

#flex4{
	margin:0 auto;
	font-size:17px;
	line-height:25px;
}

#trailmileage{
	font-size:16px;
	line-height:24px;
}

#hikingiconorange{
	display:none;
}

#whitebox{
	padding-top:0px;
}

#flex5{
	font-size:15px;
}

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

/* Desktop ---1680*/
@media only screen 
and (min-width:1651px) 
and (max-width:1800px) {

.flex-item1{
    -ms-flex: 1 1 267px;
   max-width:267px;
}

#cohuttawilderness{
	width:200px;
}

#hikiingicon{
	padding-top:200px;
	width:150px;	
}

#easternhemlock{
	padding-top:200px;
	width:200px;
}

#hikingguy{
	padding-top:200px;
	width:200px;
}

.flex-item2{
  -ms-flex: 2 1 471px;
}

.flex-item3{
  -ms-flex: 2 1 471px;
}

#accessroadmap{
	width:90%;
}

#hikingiconblack-2{
	display:inline;
	padding-top:10px;
	width:75px;
}	

.flex-item4{
  -ms-flex: 2 1 471px;
}

#trailmap{
	width:90%;
}

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

#hikingiconorange{
	display:none;
}
	
#whitebox{
	padding-top:0px;
}	

#flex5{
	margin:5px;
	font-size:17px;
}
		
}


/* Large screens ----------- */
@media only screen 
and (min-width:1801px)
and (max-width:2000px) {

.flex-item1{
	flex:1;
	min-width:271.85px;
	max-width:271.85px;
}

#secondparagraph{
	font-size:19px;
	line-height:29px;
	padding-right:10px;
	padding-left:10px;
}

#cohuttawilderness{
	width:90%;
}

#easternhemlock{
	padding-top:180px;
	width:90%;
}

#hikingicon{
	padding-top:180px;	
}

#hikingguy{
	padding-top:180px;
	width:200px;
}

#accessroadmap{
	width:90%;
}

#flex3{
	font-size:19px;
	line-height:29px;
	padding-right:10px;
	padding-left:10px;
}

table{
	margin:0 auto;
}

#hikingiconblack-2{
	display:none;
}

#trailmap{
	width:90%;
}

#flex4{
	font-size:19px;
	line-height:29px;
	padding-right:10px;
	padding-left:10px;
}

#trailmileage{
	
}

#hikingiconorange{
	display:none;
}

#whitebox{
	padding-top:0px;
	
}

#flex5{
	font-size:17px;
}

}


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

body{
	width:2000px;
	margin:0 auto;
}

#picture2{
	max-width:1000px;
}

.flex-item1{
	flex:1;
}

#cohutta{
	width:100%;
	height:70px;
}

#chattahoocheeandcohutta{
	width:100%;
	height:70px;
}

#cherokeeandcohutta{
	width:100%;
	height:70px;	
}

#chattahoochee{
	width:100%;
	height:70px;
}

#cherokee{
	width:100%;
	height:70px;
}

#cohuttawilderness{
	padding-top:10px;
}

#hikingicon{
	padding-top:90px;
}

#easternhemlock{
	padding-top:90px;
}

#hikingguy{
	padding-top:90px;
}

#hikingiconblack-2{
	display:none;	
}

#accessroadmap{
	width:50%;
}

table{
	margin:0 auto;
}

#trailmap{
	width:50%;
}

#whitebox{
	padding-top:0px;
}

#flex5{
	font-size:19px;
}
}

