body {
  background-color:#dcdcdc;
  margin:0;
  margin-bottom:4%;
}

.whitebox {
  position:relative;
  width:45%;
  margin:0 auto;
  background-color:#fff;
}

.footer {
  position:relative;
  text-align:center;
  margin-top:2%;
  width:45%;
  padding:1% 4%;
  margin:0 auto;
  background-color:#9b9a99;
  }

.textbox {
  position:relative;
  width:45%;
  padding:2% 4%;
  margin:0 auto;
  background-color:#9b9a99;
}

.nowrap {
  white-space: nowrap;
}

.logo {
  position: relative;
  text-align:center;
  height: 100%;
  padding:4% 7%;
}

.logo img {
  text-align:center;
  width:100%;
  height:auto;
  max-width: 517px;
}

p a {
  color: #fff;
  text-decoration:none;
  font-family:arial;
  font-size:14px;
}

p {
  color: #fff;
  text-decoration:none;
  font-family:arial;
  font-size:14px;
  line-height:20px;
}

a:hover {
  color:#1d1d1b;
}

.headline {
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:0.5px;
}

@media screen and (max-width: 768px) {
  .whitebox {
    position:relative;
    width:75%;
    margin:0 auto;
    background-color:#fff;
  }

  .footer {
    position:relative;
    text-align:center;
    margin-top:2%;
    width:75%;
    padding:1% 4%;
    margin:0 auto;
    background-color:#9b9a99;
  }

  .textbox {
    position:relative;
    width:75%;
    padding:2% 4%;
    margin:0 auto;
    background-color:#9b9a99;
  }
}