body {
  background: #191919;
}
header .col {
  float: left;
  width: 50%;
  height: 100%;
  padding:80px;
}
header img {
  width: 100%;
  height: 100%;
}
header .container {
  width: 60%;
  height: calc(100vh - 300px);
  max-width: none;
}
.row {
  width: 100%;
  height: 100%;
  max-width: none;
}
.buttons .col {
  float: left;
  width: 50%;
  height: 100%;
  padding:80px;
  padding-top:0;
  padding-bottom:0;
}
.buttons .container {
  width: 60%;
  max-width: none;
  height: auto;
}
.buttons img {
  display: block;
  margin:0 auto;
  width: 300px;
  height: 130px;
}
.face {
  display: block;
  margin:0 auto;
  width: 300px;
  height: 90px !important;
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  background-color: #171717;
}
footer p {
  padding-top: 15px;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
}
footer p:hover {
  text-transform: none;
  border:none;
  color: inherit;
}
footer p:active {
  text-transform: none;
  border:none;
  color: inherit;
}

@media only screen and (max-width: 1500px) { /* Laptop */
  header .container {
    width: 70%;
    height: calc(100vh - 300px);
    max-width: none;
  }
  .buttons .container {
    width: 70%;
    max-width: none;
    height: auto;
  }
}

@media only screen and (max-width: 1350px) { /* Laptop */
  header .container {
    width: 90%;
    height: calc(100vh - 300px);
    max-width: none;
  }
  .buttons .container {
    width: 90%;
    max-width: none;
    height: auto;
  }
}
@media only screen and (max-width: 1060px) { /* Laptop */
  header .container {
    width: 95%;
    height: calc(80vh - 300px);
    max-width: none;
  }
  .buttons .container {
    width: 95%;
    max-width: none;
    height: auto;
  }
  header .col {
    float: left;
    width: 50%;
    height: 100%;
    padding:20px;
  }
  .buttons .col {
    float: left;
    width: 50%;
    height: 100%;
    padding:20px;
    padding-top:0;
    padding-bottom:0;
  }
}
@media only screen and (max-width: 800px) { /* Laptop */
  header .container {
    width: 95%;
    height: calc(80vh - 300px);
    max-width: none;
  }
  .buttons .container {
    width: 95%;
    max-width: none;
    height: auto;
  }
  header .col {
    float: left;
    width: 50%;
    height: 100%;
    padding:20px;
  }
  .buttons .col {
    float: left;
    width: 50%;
    height: 100%;
    padding:20px;
    padding-top:0;
    padding-bottom:0;
  }
  .buttons img {
    display: block;
    margin:0 auto;
    width: 90%;
    height: 130px;
  }
}
@media only screen and (max-width: 500px) { /* Laptop */
  header .container {
    width: 95%;
    height: calc(80vh - 300px);
    max-width: none;
  }
  .buttons .container {
    width: 95%;
    max-width: none;
    height: auto;
  }
  header .col {
    float: left;
    width: 100%;
    height: 100%;
    padding:20px;
  }
  .buttons .col {
    float: left;
    width: 100%;
    height: 100%;
    padding:20px;
    padding-top:0;
    padding-bottom:0;
    margin-bottom:50px;
    margin-top:50px;
  }
  .buttons img {
    display: block;
    margin:0 auto;
    width: 80%;
    height: 130px;
  }
  .row {
    width: 100%;
    height: 100%;
    max-width: none;
    display: inline;
  }
  header img {
    display: block;
    width: 70%;
    height: 100%;
    margin: 0 auto;
  }
}