html {
    margin-top: -16px;
}

.welcome{
 position: relative;
 width: 100%;
 height: 100vh;
 min-height: 600px; 
}

.welcome-background{
  width: 100%;
  height: 100%;
}

.bg{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contain{
  display: flex;
  align-items: center;
  width: 100%;

}

.intro{
  position:absolute;
  width: 100%;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
}


h1{
  text-align: center;
  font-size: 30px;
  color: #000000;
  width: 100%;
}

.jumbotron{
  padding: 1rem 2rem;
}



.container{
  margin: 0 auto;
  width: 93%;
  max-width: 800px;
  
}

.co{
  margin-top: 10em;
}

.navbar {
    background-color: #563d7c;
    z-index: 69;  
  }
  .navbar .navbar-brand {
    color: #fefefe;
  }
  .navbar .navbar-brand:hover,
  .navbar .navbar-brand:focus {
    color: #bab5ba;
  }
  .navbar .navbar-text {
    color: #fefefe;
  }
  .navbar .navbar-text a {
    color: #bab5ba;
  }
  .navbar .navbar-text a:hover,
  .navbar .navbar-text a:focus {
    color: #bab5ba; 
  }
  .navbar .navbar-nav .nav-link {
    color: #fefefe;
    border-radius: .25rem;
    margin: 0 0.25em;
  }
  .navbar .navbar-nav .nav-link:not(.disabled):hover,
  .navbar .navbar-nav .nav-link:not(.disabled):focus {
    color: #bab5ba;
  }
  .navbar .navbar-nav .nav-item.active .nav-link,
  .navbar .navbar-nav .nav-item.active .nav-link:hover,
  .navbar .navbar-nav .nav-item.active .nav-link:focus,
  .navbar .navbar-nav .nav-item.show .nav-link,
  .navbar .navbar-nav .nav-item.show .nav-link:hover,
  .navbar .navbar-nav .nav-item.show .nav-link:focus {
    color: #bab5ba;
    background-color: #563d7c;
  }
  .navbar .navbar-toggler {
    border-color: #fefefe;
  }
  .navbar .navbar-toggler:hover,
  .navbar .navbar-toggler:focus {
    background-color: #563d7c;
  }
  .navbar .navbar-toggler .navbar-toggler-icon {
    color: #fefefe;
  }
  .navbar .navbar-collapse,
  .navbar .navbar-form {
    border-color: #fefefe;
  }
  .navbar .navbar-link {
    color: #fefefe;
  }
  .navbar .navbar-link:hover {
    color: #bab5ba;
  }
  
  @media (max-width: 575px) {
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
      color: #fefefe;
    }
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
      color: #bab5ba;
    }
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
      color: #bab5ba;
      background-color: #563d7c;
    }
  }
  
  @media (max-width: 767px) {
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
      color: #fefefe;
    }
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
      color: #bab5ba;
    }
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
      color: #bab5ba;
      background-color: #563d7c;
    }
  }
  
  @media (max-width: 991px) {
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
      color: #fefefe;
    }
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
      color: #bab5ba;
    }
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
      color: #bab5ba;
      background-color: #563d7c;
    }
  }
  
  @media (max-width: 1199px) {
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
      color: #fefefe;
    }
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
      color: #bab5ba;
    }
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
      color: #bab5ba;
      background-color: #563d7c;
    }
  }
  
  .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #fefefe;
  }
  .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #bab5ba;
  }
  .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #bab5ba;
    background-color: #563d7c;
  }

  .container .jumbotron {
    border-radius: 6px ;
    }  

  .column{
    justify-content: space-between;
    flex-direction: row;
    display: flex;
  }

  .column2{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 2em;
    padding-bottom: 100px;
  }

  @media (max-width: 1199px) {
    .column, .column2{
      flex-wrap: wrap;
      justify-content: space-around;
      text-align: center;
    }

    .items{
      margin-top: 3em;
    }
  }

  


 .footer-copyright{
    background-color: #563d7c;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    text-align: center;
  }

  .footer-copyright2{
    background-color: #563d7c;
    width: 100%;
    min-height: 80px;
    margin-top: 2em;
  }

  .footer-text{
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding-top: 7px;
    
  }

  #footer-p
  {
    margin-bottom: 7px;
  }

  .underlined {
    text-decoration: underline solid #563d7c;
  }

#navfix{
    margin-top: -16px;
  }