* {
margin:0;
padding:0;
}

.clear {
clear:both;
}

img,
img a {
border:none;
max-width:100%;
height:auto;
}

ul {
list-style:none;
margin:0;padding:0;
}

a, a:hover {
text-decoration:none;
-webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
}

body, html {
position:relative;
color:#FFF;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family:"EB Garamond", Arial;
background:url("images/bg.jpg") repeat;
background-size:cover;
height:100vh;
}




#container {
width:1000px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

#countdown ul {
margin:0 auto;
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr;
color:#FFF:
}

#countdown li {
text-transform:uppercase;
font-size:1.6vw;
text-align:center;
}

#countdown li span {
display:block;
font-size:5vw;
}

#presave {
margin:60px 0 30px 0;
}

#presave a {
background-color:rgb(255,255,255,.9);
color:#000;
font-size:20px;
font-weight:700;
text-align:center;
padding:10px 0;
display:block;
text-transform:uppercase;border-radius:50px;
margin:0 auto;
max-width:60%;
}

#presave a:hover {
background-color:rgb(255,255,255,.75);
}






@media all and (max-width:1200px) {
#container {
width:86%;
margin:0 auto;
}

#countdown li span {
font-size:10vw;
}

#countdown li {
font-size:4vw;
}

#presave a {
max-width:100%;
}
}