ul#countdown{text-align:center; padding-top:31px}
ul#countdown span{color:#FFF; font-size:4.567em; font-weight:bold; text-align:center; display:inline-block; padding:15px 30px}
ul#countdown h3{color:#fff; background:#000; padding:10px; margin-top:1em}
ul#countdown li{padding-top:31px; display:inline-block; width:19%}
ul#countdown li p.timeRefDays, 
ul#countdown li p.timeRefHours, 
ul#countdown li p.timeRefMinutes, 
ul#countdown li p.timeRefSeconds{color:rgb(255,255,255); text-transform:uppercase; font-size:1.2em}
.fristc{background:#f99}
.secondc{background:#f66}
.threec{background:#3333ff}
.fourc{background:#0000ff}

.notified{width:60%; margin:0 auto; margin-top:2em; background:#FFF}
.notified input[type="text"]{width:73.5%; padding:12px; color:#888; font-size:0.875em;  font-family:'bebasregular';  border:none;  outline:none}
.notified input[type="submit"]{background:#000; padding:12px 41px; border:none; color:#FFF;  font-family:'bebasregular';  cursor:pointer;  transition:0.5s ease; -o-transition:0.5s ease; -webkit-transition:0.5s ease}
.notified input[type="submit"]:hover{background:#555}
.notified form{text-align:center}

@media only screen and (max-width:1366px) and (min-width:1280px){.wrap{width:90%}
.content{margin-top:6em}
.notified{width:50%}
.notified input[type="text"]{width:74.5%}
}
@media only screen and (max-width:1280px) and (min-width:1024px){.wrap{width:90%}
.content{margin-top:6em}
.notified{width:50%}
.notified input[type="text"]{width:73.5%}
}
@media only screen and (max-width:1024px) and (min-width:768px){.wrap{width:90%}
.content{margin-top:3em}
.notified{width:50%}
.notified input[type="text"]{width:65.5%}
.content h1{font-size:3.6em}
ul#countdown span{padding:7px 30px}
}
@media only screen and (max-width:768px) and (min-width:640px){.wrap{width:90%}
.content{margin-top:6em}
.notified{width:63%}
.notified input[type="text"]{width:64.5%}
.content h1{font-size:2.6em}
ul#countdown span{padding:7px 30px 0px 30px}
.content p{font-size:1em; word-spacing:0.2em}
ul#countdown span{font-size:3em}
}