/* CSS to make /hurricanes responsive and look good! */

/* Need Media Queries!!! */

@media only screen and (max-width: 768px) {
	div.hurrTrackingHead {
		/*Strength, Position, Pressure, MOving, Wind Speed boxes (not including MAP) : located in functions */
		/* polaroid styling */
		padding: 7px;
		border: 1px solid #C7C6C7;
		box-shadow: 0 1px 3px #C7C6C7;
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: 0 1px 3px #C7C6C7;
		margin: 10px 0 !important;
		background-color: #fff;
	}
	div.hurrInfoFirst {
		border-left: 0 !important;
	}
	div.hurrInfo {
		width: auto;
		margin: 0px;
		float: left;
		padding: 10px 0px;
		text-align: left !important;
		border-top: none !important;
		border-right: none !important;
		border-left:none !important;
		clear:both;
	}
	div.hurrInfo div {
		height:auto !important;
		border-right:none !important;
	}
	div.hurrInfo div strong:after {
		content: " : ";
	}
	div.hurrInfo div br {
		display:none !important;
	}
	div.hurrTrackingInactive {
		/* What is displayed when there is no active storm */
	}
	div.stormIcon {
		width: auto !important;
		float: left;
		
		/* polaroid styling */
		padding: 7px;
		border: 1px solid #C7C6C7;
		box-shadow: 0 1px 3px #C7C6C7;
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: 0 1px 3px #C7C6C7;
		margin: 10px 0 !important;
		background-color: #fff;
	}
	div.stormIcon div {
		height:auto !important;
		overflow:auto !important;
	}
	div.last {
		/* desktop : stormIcon.last */
		margin-right: 0px;
	}
	div#map {
		display:none;
	}
}