@font-face {
  font-family: 'PopulationZero';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/population-zero-bb.regular.otf') format('opentype');
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #171918;
  color: #fff;
  font-family: 'PopulationZero', sans-serif;
}
.bodydiv {
  display: inline-block;
  margin: 30px 0;
  width: 100%;
  max-width: 600px;
}

.contentDiv img {
  width: 100%;
}

.contentDiv.logo {
  margin-bottom: 60px;
}
.contentDiv.claim {
  margin-bottom: 20px;
}

.subscribediv {
  padding: 0 5px;
}
input[type="email"] {
  width:100%;
  padding: 10px 20px;
  background-color: #fff;
  color: #171918;
  font-family: 'PopulationZero', sans-serif;
  font-size: 35px;
  border: none;
  box-sizing: border-box;
}
input[type="submit"] {
  visibility: hidden;
}
input[type="email"]::placeholder {
  font-size: 15px;
  line-height: 65px;
}


.socialdiv {
  margin-top: 60px;
}
.socialdiv ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.socialdiv ul li {
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
}
.socialdiv ul li a img {
  width: 40px;
}


@media (max-width:600px) {
  .bodydiv {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .subscribediv {
    padding: 0;
  }
}