.logo {
  height: 45px;
}

.logo-holder {
  padding: 10px 12px;
}

.logo-text {
  font-size: 21px;
  color: #FFFFFF;
  font-weight: bolder;
}

.fullscreen-with-header {
  margin-top: 65px;
  height: calc(100vh - 65px) !important;
  height: -o-calc(100vh - 65px); /* opera */
  height: -webkit-calc(100vh - 65px); /* google, safari */
  height: -moz-calc(100vh - 65px); /* firefox */
}

.bg-dark {
  background-color: #2A2A2C;
  height: 65px;
}

.screenshot {
  height: 60vh;
}

.screenshot-holder {
  position: relative;
  top: 0;
  left: 0;
}

.screenshot-main {
  position: relative;
  top: 0;
  left: 0;
  margin-right: 115px;
}

.screenshot-secondary {
  position: absolute;
  top: 0;
  left: 115px;
}

.download-button {
  height: 56px;
}

.header-text {
  font-size: 24px;
  color: #010101;
  font-weight: bold;
  margin: 0;
}

.description-text {
  margin-top: 9px;
  margin-bottom: 51px;
  font-size: 21px;
  color: #010101;
  font-weight: lighter;
}

body {
  background-color: #FFFCFA;
  font-family: "Open Sans";
}

@media (max-width: 992px) {
  .top-col {
    margin-top: 51px;
    padding-bottom: 51px;
  }
}

@media (min-width: 401px) {
  .top-button {
    margin-left: 25px;
  }
}

@media (max-width: 400px) {
  .top-button {
    margin-top: 1em;
  }
}

.download-buttons {
  padding-right: 15px;
  padding-left: 15px;
}

@media (max-width: 992px) {
  .download-buttons {
    justify-content: center!important;
  }
}