.main-header {
  border-top: var(--primary-color) 3px solid;
  box-shadow: 0px 15px 15px -15px rgba(0, 0, 0, 0.75);
  background: rgba(255, 255, 255, 0.5);
  position: relative;
}

.main-container {
  background: url(../img/bg.webp) repeat fixed;
  overflow: auto;
}

.page-header {
  padding-bottom: 100px;
}

.page-title {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  color: #ffffff;
}

.page-container {
  /*min-height: 100vh;*/
  margin-top: -100px;
  margin-bottom: 50px;
  padding: 15px 0px;
  
  border-radius: 15px;


  background: #FFFFFF;
  box-shadow: 12px 12px 50px rgba(0, 0, 0, 0.4);
}

.main-footer-top {
  background: #1f2024;
  padding: 20px 0;
}

.main-footer-bottom {
  background: #161619;
  padding: 20px 0;
  line-height: 32px;
  text-align: center;
}

.hero {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
      url("../img/hero.jpg") no-repeat center center fixed;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.screen {
  min-height: 90vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
  padding-top: 10px;
}