/* --------------------------- Page --------------------------- */
html {
	margin:0;
	padding:0;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* Flex */
.dtx-flex {
	display:-webkit-box;
	display:-moz-box;
  	display:-ms-flexbox; 
  	display:-webkit-flex;
  	display:flex;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
}
.dtx-iefix {
	max-width:100%;
}

/* Rond */
.dtx-rond { 
	-webkit-border-radius:1000px; 
	-moz-border-radius:1000px; 
	border-radius:1000px;
}
/* ------------------------------------------------------------ */

/* ------------------------- Content -------------------------- */
#dtx-homesection1 {
	display:block;
	width:100%;
	position:relative;
}
/* Text */
#dtx-hometext {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:3;
	background-color:transparent;
}
/* Logo */ 
#dtx-logo {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:195.45px;
	height:150px;
}
#dtx-logo img {
	height:100%;
	width:100%;
}
/* Title */
#dtx-title {
	margin-top:15px;
	margin-bottom:15px;
	padding-left:25px;
	padding-right:25px;
}
#dtx-title h3 {
	color:#fff;
	text-align:center;
}
/* Countdown */
#dtx-countdown {
	padding-left:25px;
	padding-right:25px;	
}
#dtx-countdown h2 {
	text-align:center;
	font-weight:700;
	color:#fff;
}
/* Social */
#dtx-social {
	padding-left:25px;
	padding-right:25px;
}
#dtx-social p {
	color:#fff;
	text-align:center;
}
/* Social buttons */
#dtx-socialbuttons {
	display:block;
	width:180px;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
}
#dtx-socialbuttons a {
	background-color:#fff;
	height:75px;
	width:75px;
	margin-right:15px;
	float:left;
}
#dtx-socialbuttons a i {
	font-size:30px;
	color:#000;
}
#dtx-socialbuttons a:hover i {
	opacity:0.7;
}
/* Pattern */
#dtx-homepattern {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	opacity:0.5;
	z-index:2;
	background-position:center center;
	background-repeat:repeat;
	background-image:url('images/patroon02.png');
}
/* BG */
#dtx-homebackground {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:1;
	opacity:0.85;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	background-image:url('images/background.jpg');
}
/* ------------------------------------------------------------ */

/* ------------------------ Responsive ------------------------ */
@media (max-width:767px) {
	h1 {
		font-size:35px;
	}
	h2 {
		font-size:28px;
	}
	h3 {
		font-size:22px;
	}
	h4 {
		font-size:18px;
	}
	body p {
		font-size:15px;
	}
}
/* ------------------------------------------------------------ */