@font-face {

[0] Fix | Delete

font-family:'Open Sans';font-style:normal;font-weight:300;

[1] Fix | Delete

src: local('Open Sans Light'), local('OpenSans-Light'),

[2] Fix | Delete

url('fonts/open-sans-300.woff2') format('woff2'),

[3] Fix | Delete

url('fonts/open-sans-300.woff') format('woff');

[4] Fix | Delete

}

[5] Fix | Delete

@font-face {

[6] Fix | Delete

font-family:'Open Sans';font-style:normal;font-weight:400;

[7] Fix | Delete

src: local('Open Sans'), local('OpenSans'),

[8] Fix | Delete

url('fonts/open-sans-regular.woff2') format('woff2'),

[9] Fix | Delete

url('fonts/open-sans-regular.woff') format('woff');

[10] Fix | Delete

}

[11] Fix | Delete

a,body,div,footer,h1,h2,h3,header,html,img,span{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}

[12] Fix | Delete

article,aside,footer,header,nav,section{display:block}

[13] Fix | Delete

html,body{height:100%;min-height:100%}

[14] Fix | Delete

html { font-size:62.5%; }

[15] Fix | Delete

body{

[16] Fix | Delete

font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;

[17] Fix | Delete

font-size: 14px;

[18] Fix | Delete

font-weight: 300;

[19] Fix | Delete

color: #fff;

[20] Fix | Delete

background: url(images/bg.jpg) no-repeat;

[21] Fix | Delete

background-size: cover;

[22] Fix | Delete

display: -webkit-box;

[23] Fix | Delete

display: -ms-flexbox;

[24] Fix | Delete

display: flex;

[25] Fix | Delete

-webkit-box-orient: vertical;

[26] Fix | Delete

-webkit-box-direction: normal;

[27] Fix | Delete

-ms-flex-direction: column;

[28] Fix | Delete

flex-direction: column;

[29] Fix | Delete

-webkit-box-align: center;

[30] Fix | Delete

-ms-flex-align: center;

[31] Fix | Delete

align-items: center;

[32] Fix | Delete

}

[33] Fix | Delete

body:after {

[34] Fix | Delete

content: "";

[35] Fix | Delete

position: fixed;

[36] Fix | Delete

top: 0;

[37] Fix | Delete

right: 0;

[38] Fix | Delete

bottom: 0;

[39] Fix | Delete

left: 0;

[40] Fix | Delete

background: rgba(0,0,0,.4);

[41] Fix | Delete

z-index: -1;

[42] Fix | Delete

}

[43] Fix | Delete

h1, h2 { margin: 16px 0; }

[44] Fix | Delete

h1 { font-size: 24px; }

[45] Fix | Delete

h2 { color: rgba(255,255,255,.85); }

[46] Fix | Delete

.container {

[47] Fix | Delete

display: -webkit-box;

[48] Fix | Delete

display: -ms-flexbox;

[49] Fix | Delete

display: flex;

[50] Fix | Delete

-ms-flex-flow: column;

[51] Fix | Delete

flex-flow: column;

[52] Fix | Delete

-webkit-box-flex: 1;

[53] Fix | Delete

-ms-flex: 1 0 auto;

[54] Fix | Delete

flex: 1 0 auto;

[55] Fix | Delete

max-width: 640px;

[56] Fix | Delete

padding: 0 20px;

[57] Fix | Delete

}

[58] Fix | Delete

.header { margin: auto 0 16px; }

[59] Fix | Delete

.timer {

[60] Fix | Delete

display: -webkit-box;

[61] Fix | Delete

display: -ms-flexbox;

[62] Fix | Delete

display: flex;

[63] Fix | Delete

margin: 0 0 auto;

[64] Fix | Delete

font-size: 50px;

[65] Fix | Delete

line-height: 1;

[66] Fix | Delete

}

[67] Fix | Delete

.timer__type {

[68] Fix | Delete

margin-top: 10px;

[69] Fix | Delete

font-size: 14px;

[70] Fix | Delete

text-align: center;

[71] Fix | Delete

color: rgba(255,255,255,.5);

[72] Fix | Delete

}

[73] Fix | Delete

.social-links {

[74] Fix | Delete

display: -webkit-box;

[75] Fix | Delete

display: -ms-flexbox;

[76] Fix | Delete

display: flex;

[77] Fix | Delete

margin: auto 0 50px;

[78] Fix | Delete

}

[79] Fix | Delete

.social-links__link { margin: 50px 24px 0 0; }

[80] Fix | Delete

.icon {

[81] Fix | Delete

display: block;

[82] Fix | Delete

width: 32px;

[83] Fix | Delete

height: 32px;

[84] Fix | Delete

opacity: .7;

[85] Fix | Delete

}

[86] Fix | Delete

.social-links__link:hover .icon { opacity: 1; }

[87] Fix | Delete

.icon > img {

[88] Fix | Delete

display: block;

[89] Fix | Delete

width: 100%;

[90] Fix | Delete

height: 100%;

[91] Fix | Delete

}

[92] Fix | Delete

.footer {

[93] Fix | Delete

width: 100%;

[94] Fix | Delete

background: rgba(0,0,0,.5);

[95] Fix | Delete

}

[96] Fix | Delete

.footer__content {

[97] Fix | Delete

margin: auto;

[98] Fix | Delete

padding: 0 40px;

[99] Fix | Delete

max-width: 1200px;

[100] Fix | Delete

text-align: right;

[101] Fix | Delete

color: rgba(255,255,255,.5);

[102] Fix | Delete

}

[103] Fix | Delete

.footer .logo {

[104] Fix | Delete

height: 50px;

[105] Fix | Delete

vertical-align: middle;

[106] Fix | Delete

margin: 0 0 0 10px;

[107] Fix | Delete

}

[108] Fix | Delete

@media (min-width: 500px) {

[109] Fix | Delete

.timer { font-size: 80px; }

[110] Fix | Delete

.social-links { margin-bottom: 110px; }

[111] Fix | Delete

}

[112] Fix | Delete

@media (min-width: 600px) {

[113] Fix | Delete

.timer { font-size: 100px; }

[114] Fix | Delete

}

[115] Fix | Delete

@media (min-width: 740px) {

[116] Fix | Delete

.timer { font-size: 120px; }

[117] Fix | Delete

}

[118] Fix | Delete

[119] Fix | Delete