html {
  background-color: #313535;
  box-sizing: border-box;
  min-height: 100%;
}

body {
  margin: 0;
  min-height: 100%;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: lighter;
}

.cover {
  background: url('../images/doa-background.jpg') no-repeat left bottom;
  background-size: cover;
  min-height: 100vh;
  position: relative;
}

.logo {
  bottom: 120px;
  left: 90px;
  position: absolute;
}

.footer {
  color: #f0f0f0;
  padding: 30px 90px;
}

@media (max-width: 768px) {
  .logo {
    bottom: 60px;
    left: 45px;
  }

  .footer {
    padding: 30px 45px;
  }
}

@media (max-width: 320px) {
  .logo {
    bottom: 45px;
    left: 20px;
  }

  .footer {
    padding: 20px;
  }

}