@charset "utf-8";
body { margin: 0px; background: #eaeaea;}
body a{ color: #CCC;}
.intro-canvas { width: 100%;}
.header { width: 100%; background: white; padding: 15px 0px;}
.header img { width: 280px; text-align: center; margin: 0 auto; display: block;}
.content-wrapper { width: 100%; float: left;}
.content-wrapper:after { clear: both;}
.slider-left { width: 50%; background: gray; min-height: 650px; background-image: url(images/slider-left.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; float: left; position: relative;}
.slider-right { width: 50%; background: gray; min-height: 650px; background-image: url(images/slider-right.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; float: left; position: relative;}
.slider-left:before { content: " "; display: block; position: absolute; width: 100%;  height: 100%; background: rgba(0, 0, 0, 0.55); left: 0; top: 0;}
.slider-right:before { content: " "; display: block; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.55); left: 0; top: 0;}
.slider-text { width: 60%; text-align: center; margin: 0 auto; position: absolute; left: 20%; left: calc(50% - 30%); top: 40%; color: #FFF;}
.slider-text h3 { font-family: Yanone Kaffeesatz, sans-serif; font-size: 46px; text-transform: uppercase; margin-bottom: 20px; margin-top: 10px;}
.slider-text p { font-size: 18px; font-family: lato; line-height: 22px; margin-top: 0;}
.slider-text a { display: block; background: #97183F; max-width: 150px; margin: 0 auto; text-transform: uppercase; text-decoration: none; color: #FFF; font-family: Lato, sans-serif; font-size: 15px; padding: 20px; margin-top: 30px; transition: all 0.5s ease;}
.slider-text a:hover { background: #1a273c;}
.footer { float: left; width: 100%; font-family: Lato, sans-serif;  color: #6f6f6f; font-size: 16px; text-align: center; padding: 30px 0px;}
.footer a { color: #6f6f6f; text-decoration: none; line-height: 35px; }

@media (max-width: 1025px){
.slider-left { width: 100%;}
.slider-right { width: 100%;}
.slider-text { width: 80%; left: 10%; left: calc(50% - 40%); top: 35%;}
}
@media (max-width: 768px){
	.slider-text h3 { font-size: 56px;}
	.slider-text p { font-size: 18px; line-height: 30px;}
	.slider-text a { font-size: 18px; max-width: 190px;}
}