/* Override navbar styling */
.landing-page {
  font-size: 21px;
}
.navbar-default {
  position: absolute;
  width: 100%;
  background-color: #5E97FC;
  border-color: transparent;
  border: none;
}
.landing-page .navbar-default {
  background-color: transparent;
  border-color: transparent;
  border: none;
}

.waiting-list-form {
  max-width: 400px;
}

.section {
  position: relative;
}

.section .container {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .section .container {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.section.section-cover {
  background-image: url('../images/card-photo.jpg');
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
  height: 650px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .section.section-cover {
    height: inherit;
    background: #5D97FB;
    background: -webkit-linear-gradient(left top, #5D97FB, #4E80D7);
    background: -o-linear-gradient(bottom right, #5D97FB, #4E80D7);
    background: -moz-linear-gradient(bottom right, #5D97FB, #4E80D7);
    background: linear-gradient(to bottom right, #5D97FB, #4E80D7);
  }

  .section.section-cover img {
    max-width: 100%;
    margin-top: 30px;
  }

  .section.section-cover h1 {
    font-size: 28px;
  }

  .section.section-cover .btn-primary {
    background-color: #00C0B6;
    border-color: #00C0B6;
  }
  .section.section-cover .btn-primary:hover,
  .section.section-cover .btn-primary:active {
    background-color: #0DA29A;
    border-color: #0DA29A;
  }
}

.section.section-account img {
  width: 100%;
  max-width: 1012px;
  margin-top: 75px;
}

.section.section-cards {
  background: #5D97FB;
  background: -webkit-linear-gradient(left top, #5D97FB, #4E80D7);
  background: -o-linear-gradient(bottom right, #5D97FB, #4E80D7);
  background: -moz-linear-gradient(bottom right, #5D97FB, #4E80D7);
  background: linear-gradient(to bottom right, #5D97FB, #4E80D7);
}

.section.section-cards img {
  max-width: 280px;
  margin-bottom: 25px;
}

@media screen and (min-width: 768px) {
  .section.section-cards:before {
    content: "";
    position: absolute;
    z-index: 1;
    background-image: url('../images/card-grid.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: right;
    height: 100%;
    width: 41.666%;
    margin-left: -25px;
    background-size: 1000px;
  }
}

/*.section.section-cards:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 600px;
  top: -70px;
  transform: skewY(-5deg);

  background: #5D97FB;
  background: -webkit-linear-gradient(left top, #5D97FB, #4E80D7);
  background: -o-linear-gradient(bottom right, #5D97FB, #4E80D7);
  background: -moz-linear-gradient(bottom right, #5D97FB, #4E80D7);
  background: linear-gradient(to bottom right, #5D97FB, #4E80D7);
}*/

.section.section-rootcode img {
  width: 100%;
}

.section.section-waiting-list {
  background-color: #202b40;
}

.section.section-waiting-list .waiting-list-form {
  margin: 0 auto;
}

.section-waiting-list-success img {
  padding: 50px 0;
}

.section-waiting-list-success h1 {
  font-weight: 300;
}

.section-waiting-list-success h3 {
  color: #8C8C8C;
  font-weight: 300;
}

.section.section-footer {
  background-color: #202b40;
  color: #636B79;
  font-size: 15px;
}

@media (max-width: 767px) {
  .section.section-footer .press-kit{
    text-align: center;
  }

  .section.section-footer .offerzen-logo{
    margin-top: 20px;
    text-align: center;
  }
}

.section.section-footer .container {
  padding-top: 50px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.section.section-footer a {
  color: #636B79;
  padding: 0 10px;

  .sbsa-logo {
    opacity: 0.3;
  }
}

.section.section-footer a:first-child {
  padding-left: 0;
}

.section.section-footer .row:nth-child(2) {
  margin-top: 100px;
}

.download-press-kit {
  width: 100%;
  padding: 20px 0;
  display: block;
  text-align: center;
  border: 2px dashed #E7E7E7;
  margin-bottom: 25px;
}

.download-press-kit img {
  padding: 10px 0;
}

.download-press-kit:hover {
  text-decoration: none;
  background-color: #FAFAFA;
}