/* by www.ninobanninger.com
   v1 may 2017              */


*{
	margin:0;
	padding:0;
	border-style: none;
  box-sizing: border-box;

}
img{border:none;max-width:100%;}

.video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin: -19px 0 0 0; }
.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.black{color:#000000;}




@font-face {
    font-family: 'gtpressuralight';
    src: url('font/gt-pressura-light.eot');
    src: url('font/gt-pressura-light.eot?#iefix') format('embedded-opentype'),
         url('font/gt-pressura-light.woff') format('woff'),
         url('font/gt-pressura-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gtpressuraregular';
    src: url('font/gt-pressura-regular.eot');
    src: url('font/gt-pressura-regular.eot?#iefix') format('embedded-opentype'),
         url('font/gt-pressura-regular.woff') format('woff'),
         url('font/gt-pressura-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gtpressuraitalic';
    src: url('font/gt-pressura-light-italic.eot');
    src: url('font/gt-pressura-light-italic.eot?#iefix') format('embedded-opentype'),
         url('font/gt-pressura-light-italic.woff') format('woff'),
         url('font/gt-pressura-light-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


html, body {width:100%; height:100%;}

body {
	font-size:18px;
	line-height:19px;
	font-family: gtpressuralight, sans-serif;
	color:#000000;
	letter-spacing: 0.8px;


}

.slide h1{
	font-family: gtpressuraregular, sans-serif;
	color:#ffffff;
	font-size:28px;
	line-height:44px;
	font-weight:normal;
	text-transform:uppercase;


}

.slide p{line-height:30px;}

h2{
	font-family: gtpressuraregular, sans-serif;
	font-size:18px;
	line-height:19px;
	font-weight:normal;
	text-transform:uppercase;
	padding-bottom:2px;
}

h3{
	font-family: gtpressuraregular, sans-serif;
	font-size:18px;
	line-height:19px;
	font-weight:normal;
	padding-bottom:2px;
}

a{text-decoration:none;font-family: gtpressuraitalic, sans-serif;color: #000000;}
a:hover{color:#ff0000;}

p{padding:0 0 19px 0;}
strong{font-family: gtpressuraregular, sans-serif;font-weight:normal;}

.small{
	font-size:14px;
	line-height:16px;
}


#mapcontainer{
	width:100%;
	height:20%;
	padding:5px 0;
}


header{
	height:85% !important;
	width:100%;
	margin: 0  0 60px 0;
}

.logo-wrapper{
	position: absolute;
	left: 0;
	bottom: 30px;
	width:100%;
}

.logo{width:100%; margin:0 auto;padding:10px 15px;}
.logo h1{
	display:block;
	width:90px;
	height:75px;
	background: rgba(0, 0, 0, 0) url('img/dw.svg') no-repeat center;
	text-indent:-9999px;
	margin:0;
	padding:0;
}


footer{
	text-align: center;
	padding:0 0 60px 0;
}

footer img{width:20px;height:auto;}



.text{padding:0 0 60px 0;}

.content-wrapper{
	position: relative;
	width:100%;
	padding:10px;
	margin:0 auto;

}

.three, .two, .one{
	width:100%;
	padding:10px;
	float:left;
}

.center{text-align:center;}
.center h2{padding:19px 0;}
/*.center p{text-align:left;}*/

.slide{
	height:100%;
	width:100%;

	overflow:hidden;
	background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;

	-moz-background-size:cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}

.bg-black{background-color: #000000;color:#ffffff;margin: 0  0 60px 0;}

.slider{

	position: relative;
	overflow: auto;
}

.slider li{ list-style: none; }
.slider ul li{
	width:100%;
	height:100%;
	float: left;

		background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;

	-moz-background-size:cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}

.slider .dots {
		position: absolute;
		right: 20px;
		bottom: 40px;
	}
.slider .dots li {
	display: inline-block;
	*display: inline;
	zoom: 1;

	width: 10px;
	height: 10px;
	line-height: 10px;
	margin: 0 4px;

	text-indent: -999em;
	*text-indent: 0;

	background:#fff;
	border-radius: 6px;

	cursor: pointer;

	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}

.active{background-color:#000;}


.slide .content-wrapper{
	height:100%;
}

.slide .content-wrapper .box{
	position:absolute;
	margin:10px 20px 20px 0px;
}

.map-wrapper{
	height:60%;
	width:100%;
}
#mapcontainer{
	height:100%;
}

.address{
	bottom:0;
	right:0;
	width:230px;
	padding:10px;

	background-color:#fff;
}
.address p{padding-bottom:0;line-height:19px;}

#instagram{padding-top:55px;}
.instagram{padding:55px -5px 0 -5px;padding:0 !important;margin: 0 !important;}
.instagram a{display:block;width:calc(100% - 10px);padding:5px;}





section:after, header:after{
	content: "";
	display: table;
	clear: both;
	height:1px;
}

.clr{
	content: "";
	display: table;
	clear: both;
	height:1px;
}



/* THE MEDIUM SCREEN */

@media screen and (min-width: 600px){
	.three, .two{width:50%;}
	.one p {width:75%;}

	.slide{
		height:60%;
	}

	.center h2, .center p{width:66%;margin:0 auto;}

	.instagram a{
		float:left;
		width:calc(50% - 10px);
	}


}

/* THE BIG SCREEN */

@media screen and (min-width: 1200px){
	.logo{width:1200px;padding:10px 5px;}
	.logo h1{

		width:159px;
		height:188px;

		left:30px;
		bottom: 40px;

		background: rgba(0, 0, 0, 0) url('img/dw-logo.svg') no-repeat center;
	}


	.content-wrapper{width:1200px;}
	.slider .dots {right: 40px;}
	.three{width:33%;}
	.one p {width:66%;}

	.map-wrapper{
		height:40%;
	}


	.center h2, .center p{width:50%;}
	.instagram a{
		width:calc(33% - 10px);
	}
	footer img{width:35px;height:auto;}
}