#main .header {
	margin-bottom: 14px;
}

#main .header h1 {
	display: inline-block;
}

.main-logo {
	background-image: url("../image/main-logo.png");
	background-size: 110px 114px;
	width: 110px;
	height: 114px;
	display: inline-block;
	vertical-align: -32px;
	margin-right: 1.3rem;
}

.status-container {
	background-color: #466380;
	background: linear-gradient(150deg, #466380 0%, #3494c5 100%);
	width: 100%;
}

section#status {
	padding: 40px 0px;
}

.status-info {
	display: inline-block;
	width: 100%;
}

.status-column {
	width: 33.3%;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.status-column.hours {
	width: 43%;
}

.status-column.temp {
	width: 32%;
}

.status-column.snow {
	width: 25%;
}

.status-title {
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	line-height: 32px;
	padding-left: 28px;
}

.status-data {
	color: #ffffff;
	font-size: 64px;
	line-height: 84px;
}

.hours .status-title {
	background-image: url("../image/main/calendar.png");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-size: 20px 20px;
}

.temp .status-title {
	background-image: url("../image/main/temp.png");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-size: 20px 20px;
}

.snow .status-title {
	background-image: url("../image/main/snow.png");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-size: 20px 20px;
}

.status-message {
	color: rgba(255, 255, 255, 0.7);
	margin-bottom: 20px;
	padding-left: 28px;
}

.status-message.info {
	background-image: url("../image/main/info.png");
	background-repeat: no-repeat;
	background-position: 0px 5px;
	background-size: 20px 20px;
}

.status-message.notice {
	background-image: url("../image/main/notice.png");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-size: 20px 20px;
}

.status-message.skier {
	background-image: url("../image/main/skier.png");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-size: 20px 20px;
}

.button-container {
	text-align: center;
	margin-top: 25px;
}

section#news {
	margin-top: 50px;
}

section#news h4 {
	line-height: 28px;
}

.news-second,
.event-second {
	margin-top: 8px;
}

.news-date {
	font-size: 14px;
	color: #c0c0c0;
}

section#photos {
	max-width: 1100px !important;
	margin-top: 50px;
	margin-bottom: 50px;
}

#photos img.small {
	width: 20%;
	height: 130px;
	display: block;
	padding: 0px 8px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
}

section#why li {
	list-style-position: inside;
	text-indent: -20px;
	padding-left: 20px;
}

@media only screen and (max-width: 1170px) {
	#photos img.small {
		width: 20%;
		height: auto;
	}
	section#photos {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
}

@media only screen and (max-width: 899px) {
	.status-data {
		font-size: 56px;
	}
}

@media only screen and (max-width: 800px) {
	.status-column.hours {
		width: 100% !important;
	}
	.status-column.temp {
		width: 55% !important;
		margin-top: 10px;
	}
	.status-column.snow {
		width: 45% !important;
		margin-top: 10px;
	}
}

@media only screen and (max-width: 639px) {
	.events {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 564px) {
	.status-column.temp {
		width: 100% !important;
	}
	.status-column.snow {
		width: 100% !important;
	}
	section#photos {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
	#photos img.small {
		width: 25%;
		padding: 0px 4px;
	}
	#photos img.small.last {
		display: none;
	}
	.main-logo {
		display: none;
	}
}

@media only screen and (max-width: 380px) {
	.status-message {
		font-size: 16px;
	}
	.status-title {
		font-size: 16px;
	}
	.status-data {
		font-size: 42px;
		line-height: 64px;
	}
}

@media only screen and (max-width: 1470px) and (min-width: 1100px) {
	header {
		background-position: center 60%;
	}
}

@media only screen and (max-height: 820px) and (min-width: 1100px) and (max-width: 1470px) {
	header {
		background-position: center 75%;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx) {
	.main-logo {
		background-image: url("../image/main-logo@2x.png");
	}
	.hours .status-title {
		background-image: url("../image/main/calendar@2x.png");
	}
	.temp .status-title {
		background-image: url("../image/main/temp@2x.png");
	}
	.snow .status-title {
		background-image: url("../image/main/snow@2x.png");
	}
	.status-message.info {
		background-image: url("../image/main/info@2x.png");
	}
	.status-message.notice {
		background-image: url("../image/main/notice@2x.png");
	}
	.status-message.skier {
		background-image: url("../image/main/skier@2x.png");
	}
}