@charset "utf-8";
/* CSS Document */

.flash-80-1 {
	background: url(../images/canvas/bg.jpg) top center no-repeat;
	position: relative;
	height: 826px;
}

#canvas {
	max-width: 100%;
	height: auto;
}

.flash-80-2 {
	position: relative;
	height: 320px;
	background: #f6f6f6;
}

@media (max-width: 575px) {
	.flash-80-2 {
		height: 339px;
		background-size: cover;
	}
}

@media (min-width: 576px) and (max-width: 767px) {}

@media (min-width: 768px) and (max-width: 991px) {
	.flash-80-1 {
		height: 406px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.flash-80-2 {
		height: 339px;
		background-size: cover;
	}
}

@media (min-width: 1200px) and (max-width: 1280px) {
	.flash-80-2 {
		height: 339px;
		background-size: cover;
	}
}

@media (min-width: 1281px) and (max-width: 1366px) {
	.flash-80-1 {
		height: 856px !important;
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.flash-80-1 {
		height: 860px !important;
	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	.flash-80-1 {
		height: 980px !important;
		margin-top: 0px;
	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	.flash-80-1 {
		height: 856px !important;
	}
}

@media (min-width: 1601px) and (max-width: 1920px) {
	.flash-80-1 {
		height: 856px !important;
	}
}