.body::before {
    background-size: cover;
    background-attachment: fixed;
    content: '';
    will-change: transform;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: fixed;
    background-image: url('../images/bg.jpg');
}

.body {
  padding-top: 8em;  
  margin-bottom: 8em;
}
.display-1 {
  font-size: 6em;
}

@media (max-width: 768px) {
  .body {
    padding-top: 1em; 
    margin-bottom: 8em;  
  }
  .display-1 {
    font-size: 4em;
  }
}

.landpage-absolute {
    position: absolute;
    top: -27px;
    right: 20px;
}

.was-validated .form-control:invalid:focus, .was-validated .custom-file-control:invalid:focus, .form-control.is-invalid:focus, .is-invalid.custom-file-control:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: inherit;
  box-shadow: none;
  
}
.was-validated .is-focused .form-control:valid:focus, .was-validated .is-focused .custom-file-control:valid:focus, .is-focused .form-control.is-valid:focus, .is-focused .is-valid.custom-file-control:focus, .was-validated
.is-focused .custom-select:valid:focus,
.is-focused .custom-select.is-valid:focus, .was-validated
.is-focused .form-control:valid:focus, .was-validated
.is-focused .custom-file-control:valid:focus,
.is-focused .form-control.is-valid:focus,
.is-focused .is-valid.custom-file-control:focus, .was-validated
.is-focused .custom-select:valid:focus,
.is-focused .custom-select.is-valid:focus {
  border-color: inherit;
  box-shadow: none; 
}

footer .nav-link {
    text-transform: none;
}

/*
@media (max-width: 512px)  and (-webkit-min-device-pixel-ratio: 1.5),
       (max-width: 512px)  and (min-resolution: 1.5dppx),
       (max-width: 1024px) and (-webkit-max-device-pixel-ratio: 1.5),
       (max-width: 1024px) and (max-resolution: 1.5dppx) {
  body::before {
    background-image: url('images/bg_1024.jpg');
  }
}
@media (min-width: 513px)  and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5),
       (min-width: 513px)  and (max-width: 1024px) and (min-resolution: 1.5dppx),
       (min-width: 1025px) and (max-width: 2048px) and (-webkit-max-device-pixel-ratio: 1.5),
       (min-width: 1025px) and (max-width: 2048px) and (max-resolution: 1.5dppx)  {
  body::before {
    background-image: url('images/bg_2048.jpg');
  }
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5),
       (min-width: 1025px) and (min-resolution: 1.5dppx),
       (min-width: 2049px) and (-webkit-max-device-pixel-ratio: 1.5),
       (min-width: 2049px) and (max-resolution: 1.5dppx) {
  body::before {
    background-image: url('images/bg_2880.jpg');
  }
}
*/