/**
 * CSS Reset & Clearfix
 */
 
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; -webkit-appearance: none; -moz-appearance: none; } 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } 
audio, canvas, video { display: inline-block; max-width: 100%; } 
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 
ol, ul { list-style: none; } 
blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } 
:focus { outline: 0; } 
ins { text-decoration: none; } 
del { text-decoration: line-through; } 
table { width: 100%; border-collapse: collapse; border-spacing: 0; } 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix { display: inline-block; } 
.clearfix { display: block; } 
.none { display: none; }

/**
 * Web Fonts
 */
 
@font-face { font-family: 'ProximaNova'; font-weight: bold; font-style: italic; src: url('../fonts/2E39B5_0_0.eot'); src: url('../fonts/2E39B5_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2E39B5_0_0.woff2') format('woff2'), url('../fonts/2E39B5_0_0.woff') format('woff'), url('../fonts/2E39B5_0_0.ttf') format('truetype'); }
@font-face { font-family: 'ProximaNova'; font-weight: bold; font-style: normal; src: url('../fonts/2E39B5_1_0.eot'); src: url('../fonts/2E39B5_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2E39B5_1_0.woff2') format('woff2'), url('../fonts/2E39B5_1_0.woff') format('woff'), url('../fonts/2E39B5_1_0.ttf') format('truetype'); }
@font-face { font-family: 'ProximaNova'; font-weight: normal; font-style: normal; src: url('../fonts/2E39B5_3_0.eot'); src: url('../fonts/2E39B5_3_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2E39B5_3_0.woff2') format('woff2'), url('../fonts/2E39B5_3_0.woff') format('woff'), url('../fonts/2E39B5_3_0.ttf') format('truetype'); }
@font-face { font-family: 'ProximaNova'; font-weight: normal; font-style: italic; src: url('../fonts/2E39B5_4_0.eot'); src: url('../fonts/2E39B5_4_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2E39B5_4_0.woff2') format('woff2'), url('../fonts/2E39B5_4_0.woff') format('woff'), url('../fonts/2E39B5_4_0.ttf') format('truetype'); }
 
/**
 * Global Elements
 */
 
body { line-height: 1.32em; overflow-y: scroll; background: #C2D5DB; }
 
body, input, textarea, select { font-family: ProximaNova, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; color: #464d55; }

a { text-decoration: none; }

a { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }

/**
 * Buttons
 */
 
.btn { display: inline-block; cursor: pointer; font-weight: bold; background: #00445E; color: #fff; border: none; -webkit-border-radius: 4px; border-radius: 4px; }
.btn:hover { background: #0b6acc; }
a.btn { padding: 9.5px 15px; }
 
/**
 * Layouts
 */
 
.container { width: 600px; margin: 60px auto; text-align: center; }

.container .image { margin-bottom: 30px; line-height: 0; }

.container .header h1 { margin: -5px 0 10px 0; line-height: 1.07em; font-size: 24px; font-weight: bold; }
.container .header p .blue { color: #0b6acc; }

.container .button { margin: 25px 0 30px 0; }
.container .button .btn { padding: 10px 45px; line-height: 1.14em; letter-spacing: -0.5px; font-size: 22px; font-weight: bold; }

.container .countdown,
.container .countdown span.countdown_row { overflow: hidden; }
.container .countdown { padding: 0 90px; }
.container .countdown { border: 1px solid #ddd; -webkit-border-radius: 3px; border-radius: 3px; }
.container .countdown span.countdown-section { float: left; width: 25%; padding: 25px 0; text-align: center; }
.container .countdown span.countdown-amount { display: block; line-height: 1.14em; letter-spacing: -0.5px; font-size: 22px; font-weight: bold; }
.container .countdown span.countdown-period { display: block; color: #92979b; }

@media (max-width: 660px) { 
	.container { width: auto; margin: 30px; }
}

@media (max-width: 560px) { 
	.container .countdown { padding: 0 60px; }
}

@media (max-width: 500px) { 
	.container .countdown { padding: 0 30px; }
}

@media (max-width: 430px) { 
	.container .countdown { padding: 15px 60px; }
	.container .countdown span.countdown-section { width: 50%; padding: 10px 0; }
}

@media (max-width: 380px) { 
	.container .countdown { padding: 15px 30px; }
}