@font-face {
    font-family: 'BebasNeue';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff2') format('woff2'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	background-image: url('../img/bg_vanetteorg.jpg');
	background-position: center;
	color: #fff;
}

.header {
	text-align:center;
	height: 150px;
}
.header h1 {
	line-height: 90px;
	border-bottom: 2px solid red;
}
.header h3 {
	margin-top:-60px;
	line-height: 50px;
}

a {
	color: white;
	border:none;
	text-decoration:none;
}
a:hover {
	color:red;
	cursor: pointer;
	text-decoration: none;
}
a:active {
	color:red;
	cursor: pointer;
	text-decoration: none;
}
a:visited {
	color:red;
	cursor: pointer;
	text-decoration: none;
}
h1 {
	font-family: 'BebasNeue';
	font-size: 90px;
	font-weight:100;
}

h2 {
	font-family: 'BebasNeue';
	font-size: 60px;
	font-weight:80;
}

h3 {
	font-family: 'BebasNeue';
	font-size: 30px;
	font-weight:80;
}

h4 {
	font-family: 'BebasNeue';
	font-size: 18px;
	font-weight:80;
}
#container {
	text-align: center;
}

#container h2{
	margin-top:-75px;

}
#container h3{
	margin-top:-60px;
	line-height: 50px;
}
.countdown {
	margin-top: -20px; 
	width: 25%;
	margin-left: 37%;
	text-align: center;
	border-top: 6px solid red;
	border-bottom:3px solid red;
}
#new_year{
	width:100%;
}
@media screen and (max-width: 1024px) {

	.header h3 {
		margin-top:-25px;
		line-height: 50px;
	}

	#container {
		text-align: center;

	}

	#container h2{
		margin-top:35px;
		font-weight:50;

	}
	#container h3{
		margin-top:35x;
		line-height: 50px;
		font-weight:50;
	}
	.countdown {
		margin-top: 15px; 
		width: 25%;
		margin-left: 37%;
		text-align: center;
		border-top: 6px solid red;
		border-bottom:3px solid red;
	}
	#new_year{
		width:100%;
}

.xdsoft_flipcountdown{display:inline-block;}

.xdsoft_flipcountdown .xdsoft_digit{float:left;background-repeat:no-repeat;}
.xdsoft_flipcountdown .xdsoft_clearex{clear:both;float:none;}


.xdsoft_flipcountdown >.xdsoft_digit{
	background-position:0px 0px;
}
.xdsoft_flipcountdown >.xdsoft_digit.xdsoft_separator,.xdsoft_flipcountdown >.xdsoft_digit.xdsoft_dot{
	opacity:0.9;
}
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit{
	width:53px; 
	height:76px;
	background-image:url(./img/digit-lg.png);
}
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_dot{
	width:14px;
	background-position:-19px -5082px;
}
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_dot{
	background-position:-41px -5082px;
}
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_space{
	background-position:-100px -5082px;
}