/*!
 * Based on One Page Wonder HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 
/* last updated by david 02/12/2015 */
 
/* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
body { margin-top: 50px; }
.header-image { display: block; width: 100%; text-align: center; background-color: #d5d5d5; }
.headline { padding: 120px 0; }
.headline h1 { font-size: 130px; background: #fff; background: rgba(255,255,255,0.9); }
.headline h2 { font-size: 77px; background: #fff; background: rgba(255,255,255,0.9); }
.featurette-divider { margin: 80px 0; }
.featurette { overflow: hidden; }
.featurette-image.pull-left { margin-right: 40px; }
.featurette-image.pull-right { margin-left: 40px; }
.featurette-heading { font-size: 50px; margin-top: 70px; }
footer { margin: 50px 0; }

.panel-body { padding: 10px; }
.weather-icon { min-height: 75px; }
.sunny { background: url(../img/weather/1-sunny.png) no-repeat right 0; }
.clear { background: url(../img/weather/2-clear.png) no-repeat right 0; }
.partly-cloudy { background: url(../img/weather/3-partly-cloudy.png) no-repeat right 0; }
.cloudy { background: url(../img/weather/4-cloudy.png) no-repeat right 0; }
.hazy { background: url(../img/weather/6-haze.png) no-repeat right 0; }
.light-rain { background: url(../img/weather/8-light-rain.png) no-repeat right 0; }
.windy { background: url(../img/weather/9-wind.png) no-repeat right 0; }
.fog { background: url(../img/weather/10-fog.png) no-repeat right 0; }
.shower { background: url(../img/weather/11-showers.png) no-repeat right 0; }
.rain { background: url(../img/weather/12-rain.png) no-repeat right 0; }
.dusty { background: url(../img/weather/13-dust.png) no-repeat right 0; }
.frost { background: url(../img/weather/14-frost.png) no-repeat right 0; }
.snow { background: url(../img/weather/15-snow.png) no-repeat right 0; }
.storm { background: url(../img/weather/16-storms.png) no-repeat right 0; }
.light-shower { background: url(../img/weather/17-light-showers.png) no-repeat right 0; }

@media(max-width:1200px) { 
	.headline h1 { font-size: 140px; }
	.headline h2 { font-size: 63px; }
	.featurette-divider { margin: 50px 0; }
	.featurette-image.pull-left { margin-right: 20px; }
	.featurette-image.pull-right { margin-left: 20px; }
	.featurette-heading { font-size: 35px; }
}

@media(max-width:991px) { 
	.headline h1 { font-size: 105px; }
	.headline h2 { font-size: 50px; }
	.featurette-divider { margin: 40px 0; }
	.featurette-image { max-width: 50%; }
	.featurette-image.pull-left { margin-right: 10px; }
	.featurette-image.pull-right { margin-left: 10px; }
	.featurette-heading { font-size: 30px; }
}

@media(max-width:768px) { 
	.container { margin: 0 15px; }
	.featurette-divider { margin: 40px 0; }
	.featurette-heading { font-size: 25px; }
}

@media(max-width:668px) { 
	.headline h1 { font-size: 70px; }
	.headline h2 { font-size: 32px; }
	.featurette-divider { margin: 30px 0; }
}

@media(max-width:640px) { 
	.headline { padding: 75px 0 25px 0; }
	.headline h1 { font-size: 60px; }
	.headline h2 { font-size: 30px; }
}

@media(max-width:375px) { 
	.featurette-divider { margin: 10px 0; }
	.featurette-image { max-width: 100%; }
	.featurette-image.pull-left { margin-right: 0; margin-bottom: 10px; }
	.featurette-image.pull-right { margin-bottom: 10px; margin-left: 0; }
}