Acne archive landing

HTML

<!DOCTYPE html>
<!-- saved from url=(0035)http://dev.acnestudios.com/?archive -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" class=" js svg"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>DEV ACNE - Acne Studios Millenium Shop Ready to Wear, Accessories, Shoes and Denim for Men and Women</title>
    <meta name="description" content="Shop and view the latest Womenswear, Menswear, Shoes and Accessories Collection from the official Acne website. Worldwide Shipping. ">
    <meta name="keywords" content="Acne, acne clothing, acne jeans, acne clothes, new collection Swedish designer, clothing, local acne store, shop online, jeans, shoes, boots, skinny jeans, sun glasses, jewelry, ready to wear, bag, designer, collections, pistol short, acne cardigan, acne blazer, acne skirt, limit, max, kex, roc, accessories, shop, hand bag, purse, wallet, mens designer jeans, swedish fashion, jonny johansson, mikael schiller, acne paper">
    <meta name="robots" content="INDEX,FOLLOW">
    <link rel="icon" href="http://dev.acnestudios.com/skin/frontend/enterprise/acne-millennium/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="http://dev.acnestudios.com/skin/frontend/enterprise/acne-millennium/favicon.ico" type="image/x-icon">

    <link rel="stylesheet" type="text/css" href="./archive-start/styles.css" media="all">
    <link rel="stylesheet" type="text/css" href="./archive-start/styles-mobile.css" media="screen and (max-device-width: 320px)" />
    <link rel="stylesheet" type="text/css" href="./archive-start/fontello.css" media="all">
    <script type="text/javascript" src="./archive-start/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="./archive-start/_archive.timer.js"></script>
    
    </head>

    <body>
        <div class="wrap">

            <div class="headline">Up to 75% off</div>
            <div class="archive-timer"><span class="hour">00</span><span...

CSS

/* small portrait and default styles */
* {
    font-family: "acne", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    color: #000;
    text-align: center;
    background: #fff;
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
.wrap {
    position: relative;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 11px;
}
.headline {
    width: 100%;
    position: absolute;
    top: 20px;
}
.archive-timer {
    width: 100%;
    position: absolute;
    bottom: 45px;
    font-size: 20px;
}
.archive-timer span {
    display: inline-block;
    width: 26px;
}
.archive-timer .hundreds {
    text-align: right;
}
.archive-timer span.delimiter {
    width: 5px;
}
.content {
    width: 100%;
    height: 97%;
    display: table;
}
.content div {
    display: table-cell;
    vertical-align: middle;
}
.content .rotate {
    display: none;
    font-size: 20px;
}
a {
    display: block;
    font-size: 42px;
    font-family: 'acne-bold';
    line-height: 1.4;
    text-decoration: none;
}

/* small landscape */
@media all and (max-device-width : 568px)  and (orientation: landscape) {
    .content .rotate {
        display: table-cell;
    }   
    .content .links {
        display: none;
    }
    .archive-timer {
        bottom: 20px;
        font-size: 11px;
    }
    .archive-timer span {
        width: 14px;
    }
    .archive-timer span.delimiter {
        width: 4px;
    }
}

@font-face {
font-family: 'fontello';src:url("../fonts/fontello.eot?66290588");src:url("../fonts/fontello.eot?66290588#iefix") format("embedded-opentype"),url("../fonts/fontello.svg?66290588#fontello") format("svg");font-weight:normal;font-style:normal;
}

@font-face {
   ...