/* Webcam Images */





#coverHURRICANE { 
  background: url(http://www.nps.gov/webcams-olym/current_ridgecam.jpg?201441221559) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#coverKALALOCH { 
  background: url(http://cs1.pixelcaster.com/dnc-kalaloch/kalaloch.jpg?1426648143427) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#coverCRESCENT { 
  background: url(http://www.nature.nps.gov/air/webcams/parks/olymcam/olym.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#coverRAINIER { 
  background: url(http://www.nps.gov/webcams-mora/east.jpg?201445125247&201445125317) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#coverCRATER { 
  background: url(http://www.nps.gov/webcams-crla/camerasinnott.jpg?v=662125250) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#coverYOSEMITE { 
  background: url(http://pixelcaster.com/yosemite/webcams/sentinel.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#coverGLACIER { 
  background: url(http://www.nps.gov/webcams-glac/mcdcam.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#coverYELLOWSTONE { 
  background: url(http://www.nps.gov/webcams-yell/washburn2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#coverCANYON { 
  background: url(http://www.nature.nps.gov//air/webcams/parks/grcacam/grca.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#coverLAPUSH { 
  background: url(http://www2.nature.nps.gov/air/webcams/parks/nocacam/noca.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#coverHALEM { 
  background: url(http://www2.nature.nps.gov/air/webcams/parks/nocacam/noca.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}






.weather {
	background-color:rgba(215,215,215,0.5);
	padding: 2% 0 0 0%;
	margin-top: 3%;
	
}

.tweet {
	padding-top: 5%;
	
}





.covertxt {
	
	padding-top: 25%;
	font-size: 4em;
	line-height: 1.6em;
	text-align: right;
	color: rgba(247, 247, 247, 0.8);
	font-family: 'Righteous', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    

/* Safari */
-webkit-transform: rotate(10deg);

/* Firefox */
-moz-transform: rotate(10deg);

/* IE */
-ms-transform: rotate(10deg);

/* Opera */
-o-transform: rotate(10deg);


}

.covertxt p {	
    background-color: rgba(0, 0, 0, 0.8);
    display:inline;	
   
}




/* Newsletter */

.newslettertxt {
	padding-top: 35%;
}

.newslettertxt h1 {
	background-color: rgba(0, 0, 0, 0.8);
    display:inline;	
    font-size: 3.3em;
    line-height: 2.5em;
  
}

.newslettertxt h2 {
	background-color: rgba(0, 0, 0, 0.8);
    display:inline;	  
}

.newslettertxt div {	
	color: #CC0000; 
	background-color: rgba(0, 0, 0, 0.8);
    display:inline;	
  
}

.newsletterarchive {
	margin-top: 5%;
	margin-bottom: 5%;
	padding-top: 2%;
	padding-bottom: 2%;
	color: #CC0000; 
	background-color: rgba(0, 0, 0, 0.8);
	text-align: center;	
	font-family: 'Righteous', sans-serif;
	text-transform: uppercase;
	
}



/* Cover Footer */

.camlogo {
	width: 50%;
	padding-top: 5%;
	padding-bottom: 2%
}

#campadding {
	padding-top: 40%;
	
}

.map {
	font-weight: bold;
	color: #999;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #444444;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-top: 3px;
	font-size: 1em;
	text-transform: uppercase;
}



/* MEDIA QUERIES */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For iPad portrait layouts only */
  	.covertxt {
		padding-top: 60%;
		font-size: 3em;
		line-height: 1.5em;
	}
	
	.coverlogo {
		width: 40%;
		padding-top: 10%;
		padding-bottom: 2%
	}
	
	.newslettertxt h1 {
	    font-size: 5.5em;
	    line-height: 1.5em;
 	}

}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For iPad landscape layouts only */
  	.covertxt {
  		padding-top: 25%;
		padding-right: 2%;
		font-size: 3em;
		line-height: 1.5em;
	}
	
	
	.coverlogo {
		width: 30%;
		padding-top: 2%;
		padding-bottom: 2%
	}
	
	.newslettertxt h1 {
	    font-size: 4.2em;
	    line-height: 1.5em;
 	}
 	
 	.newslettertxt {
		padding-top: 5%;
	}
	
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {   
/* For iPhone portait layouts only */ 
	.covertxt {
		padding-top: 70%;
		font-size: 1.2em;
		line-height: 1.5em;
	}
	
	.coverlogo {
		width: 55%;
		padding-top: 12%;
		padding-bottom: 2%
	}
	
	
	.newslettertxt h1 {
	    font-size: 1.7em;
	    line-height: 1.5em;
 	}
	
	
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { 
  /* For iPhone landscape layouts only */
  	.covertxt {
  		padding-top: 15%;
		padding-right: 1%;
		font-size: 1.2em;
		line-height: 1.5em;
	}
	
	.coverlogo {
		width: 40%;
		padding-top: 5%;
		padding-bottom: 2%
	}
	
	.newslettertxt h1 {
	    font-size: 1.7em;
	    line-height: 1.5em;
 	}
 	
 	.newslettertxt {
		padding-top: 5%;
	}
	
}