@import url(https://db.onlinewebfonts.com/c/ef93d3966fa91f4d5b17646a8893095e?family=Proun+Black+W08+Regular);

@font-face {
    font-family: "Proun Black W08 Regular";
    src: url("https://db.onlinewebfonts.com/t/ef93d3966fa91f4d5b17646a8893095e.eot");
    src: url("https://db.onlinewebfonts.com/t/ef93d3966fa91f4d5b17646a8893095e.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/ef93d3966fa91f4d5b17646a8893095e.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/ef93d3966fa91f4d5b17646a8893095e.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/ef93d3966fa91f4d5b17646a8893095e.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/ef93d3966fa91f4d5b17646a8893095e.svg#Proun Black W08 Regular")format("svg");
}

@font-face {
  font-family: 'proun';
  src: url('font/proun-bold.ttf');
}

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  font-family: proun;
  vertical-align:baseline
} 


body {
  background: transparent;
  height: 100%;
}

.wrap {
  /* OLD browser support */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  -moz-box-wrap: nowrap;
  -webkit-box-wrap: nowrap;
  -ms-flexbox-wrap: nowrap;
  -moz-box-direction: column;
  -webkit-box-direction: column;
  -ms-flexbox-direction: column;
  /* END OLD browser support */

  display: flex; /* or inline-flex */
  flex-direction: column; /* or usually or row */
  justify-content: space-between;
  align-items: center;

  width: 100%;
}

.logo {
  padding-top: 20px;
  max-width: 300px;
}
.logo img {
  width: 100%;
}

.logo a {
  /* Google font: https://www.google.com/fonts/specimen/Kaushan+Script */
  font-family: 'Kaushan Script', cursive;
  color: black;
  font-size: 36px;
  padding: 10px;
  opacity: 0.75;

}

.logo a .logo-alt {
  color: #FFF;
  font-size: 24px;
}

.logo a:hover, .logo a:focus {
  text-decoration: none;
  opacity: 1.0;
}

h2 {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 600px;
  color: black;
  opacity: 0.75;
  font-family: "Proun Black W08 Regular";
}

p {
  margin: 0;
}

#countdown {
  color: black;
  display: flex;
  max-width: 360px;
  justify-content: center;
  margin: 0 auto;
}

#countdown .countdown-section {
  padding: 0 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.36);
}

#countdown .countdown-section:last-child {
  border-right: 0;
}

#countdown .countdown-section .h1 {
  opacity: 0.75;
}

#countdown .countdown-section .text-center {
  color: black;
  opacity: 1.0
}

.share {
  position: relative;
  padding: 6px 12px;
  color: black;
  border: 1px solid black;
}

.share:hover {
  color: black;
  text-decoration: underline;
  background-color: rgba(255, 255, 255, 0.36);        
}

.share-twitter {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 3px;
  left: 7px;
}

.btn-default {


}

.site-footer {
  color: #9b9b9b;
  font-size: 0.875em /* 14px */
    height: 54px;
  padding-bottom: 20px;
  padding-top:50px;
}

a {
  color: #fe3030;
  text-decoration: none;
}