/* dirty reset */
* {
  margin: 0;
  padding: 0;
}



body {
  font-family: "Helvetica Neue";
  font-size: 18px;
}



/* TYPOGRAPHY */
h1 {
  font-size: 32px;
  font-weight: 400;
}

h2 {
  font-size: 1em;
  font-weight: 400;
  color: #aaa;
  -webkit-font-smoothing: antialiased;
}



/* CONTENT */
/* container with content (bg applied here) */
.coming-soon {
  position: relative;
  text-align: center;
  padding-top: 17%;
}

.bg-img {
  position: absolute;
  top: 0;
  right: 35%;
  z-index: -1;
}

/* cloudcast icon */
.icon {
  width: 180px;
  height: 180px;
  margin: 0 auto 30px;
  background-image: url(../images/cloudcasticon.png);
  background-image: -webkit-image-set(url(../images/cloudcasticon.png) 1x, url(../images/cloudcasticon@2x.png) 2x, url(../images/cloudcasticon@3x.png) 3x);
  background-image: -moz-image-set(url(../images/cloudcasticon.png) 1x, url(../images/cloudcasticon@2x.png) 2x, url(../images/cloudcasticon@3x.png) 3x);
  background-image: -o-image-set(url(../images/cloudcasticon.png) 1x, url(../images/cloudcasticon@2x.png) 2x, url(../images/cloudcasticon@3x.png) 3x);
  background-image: -ms-image-set(url(../images/cloudcasticon.png) 1x, url(../images/cloudcasticon@2x.png) 2x, url(../images/cloudcasticon@3x.png) 3x);
  background-repeat: no-repeat;
  z-index: -2;
  position: relative;
}



/* TWITTER BUTTON */
.twtr-btn {
  display: inline-block;
  margin-top: 30px;
  text-decoration: none;
  color: #fff;
  background: #108FF1;
  padding: 14px 18px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.twtr-btn:hover {
  opacity: .9;
}





/* RESPONSIVENESS */
@media all and (max-width: 414px) {
  .coming-soon {
    padding-top: 35%;
    overflow: hidden;
  }

  .bg-img {
    right: 5%;
  }
}