/* Show it is fixed to the top */
body {

  padding-top: 4.5rem;
}


/////* mobile */////
/* NavBar */
@media (max-width: 991.98px) {

  body {
    padding-top: 3.5rem;
  }

  #Weblogo {
    width: 130px;
  }

  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }

  .weclome{
    margin-bottom: 30px;
  }

  .Boardmember{
      margin-top: 225px;
  }

  .rounded-circle{
      width: 200px;
      height: 200px;
      display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
  }

  #AMEC{
    width: 100px;
    height: 100px;
  }




}

////* desktop */////

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.navbar{
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(174,32,177,1) 100%);
}



.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}


#LandingImage{
  width: 100%;
  height: auto;
}

.Download{
  background-color: var(--bs-warning-bg-subtle);
  height: 300px;
}

.Download a{
  font-size: 28px;
}
.weclome{
  padding: 80px;
  height: 500px;
}

.banner{
  padding-top: 80px;
}

.Boardmember{
  padding: 20px;
  height: 500px;
}

#AMEC{
 vertical-align: baseline;
}

.Link{
  height: 300px;
  padding: 25px;
  background-color: #ede4ad;
}

.Link h2{
  margin: 20px;
}


//* about page *//

/* Add a gray background color and some padding to the footer */
.footer {
  background-color: #f2f2f2;
  height:70px;
  padding-top: 15px;
}