main.css

*{box-sizing: border-box;position: relative;}

html, body{
    width: 100%;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-align:center;
    background: #eae9e9;
}

.container{
    width: 100%;
    float: left;
    height: auto;
}

.header{
    width:100%;
    float: left;
    height: auto;
    background: #e73d3d;
    padding: 40px 0 60px;
    color: #fff;
    padding-top: 120px;
    clip-path: polygon(0 1%, 100% 0, 100% 92%, 0% 100%);
}

.header h1{
    font-size: 200%;
}

.links{
    width: 100%;
    float: left;
    height: auto;
    margin-top: 20px;
}

.links a{color: #fff;}

.countdown-container {
    width: 80%;
    margin: 60px 10%;
    float: left;
    height: auto;
}

.countdown-container .inner{
    width: 100%;
    float: left;
    height: auto;
    margin-left: -1%;
}

.countdown-container .inner div{
    float: left;
    height: auto;
    margin-left: 1%;
    background:#fff;
    width: 13%;
    font-size: 200%;
    color: #000;
    text-align: center;
    border-radius: 18px;
    min-height: 80px;
    box-shadow: 3px 2px 16px 0px rgba(0,0,0,0.3);
}

.countdown-container .inner div span{
    background: red;
    display:block;
    border-radius: 18px 18px 0 0;
    color: #fff;
    font-size: 120%;
    padding: 39px 5px;
}

.content, .footer{
    width: 100%;
    float: left;
}

.content .inner{
    width: 80%;
    margin: 0 auto;
    margin-top: 40px;
    text-align: left;
}

.footer { padding: 30px 0; }

.footer a{ text-decoration: none; color: #000; }