* {
  margin: 0;
  padding: 0;
}

#content {
  background: lightblue url("../img/MediaHUB-picture.png") no-repeat scroll
    center;
  background-size: cover;
  height: 1440px;
  padding-top: 235px;
}

#logo {
  display: block;
  margin: 0 auto;
  width: 60%;
}

.text {
  display: block;
  width: 50%;
  color: #ffffff;
  font-family: Ubuntu;
  font-size: 24px;
  letter-spacing: 0;
  text-align: center;
  margin: 121px auto 0;
  text-decoration: none;
}

.text:hover, .text:active, .text:link {
  color: #f8941c;
}


@media only screen and (max-width: 1920px) {
  #content {
    height: 1080px;
  }
}
@media only screen and (max-width: 1024px) {
  #content {
    padding-top: 127px;
  }
  #logo {
    width: 70%;
  }
  .text {
    margin-top: 58px;
    font-size: 23px;
  }
}
@media only screen and (max-width: 780px) {
  #content {
    padding-top: 123px;
    height: 1033px;
  }
  #logo {
    width: 75%;
  }
  .text {
    margin-top: 68px;
    font-size: 18px;
    width: 90%;
  }
}
@media only screen and (max-width: 480px) {
  #content {
    height: 790px;
    padding-top: 78px;
  }
  #logo {
    width: 80%;
  }
  .text {
    margin-top: 48px;
  }
}
@media only screen and (max-width: 320px) {
  #content {
    padding-top: 72px;
    height: 480px;
  }
  #logo {
    width: 90%;
  }
}