.bg-transparent, .bg-transparent>* {
  background-color:rgba(0,0,0,0) !important;
}
.coloured-nav{
  background-color:#582097; 
}
.nav-link {
    width: 8vw;
  font-size: 2vh;
}
.indexlogo{
    animation: zoomOut; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s; /* don't forget to set a duration! */
  animation-delay:5s;
  animation-fill-mode: forwards;
}
.home {
  background-image: url("https://assets.actrand.com/jca/backgrounds/rosevilla.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height:80vh;
  width:100vw;
  position:relative;
  top:0;
  transition: 1s;
  transform:translateY(-90px);
  margin-bottom:-90px;
}

.home-contents {
  position: relative;
  top: 0%;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.65);
  display: flex;
    justify-content: center;
  align-items: center;

}
#home-fader{

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height:100vh;
  position:relative;
  animation: homeSmaller 2s ease forwards;
  animation-delay: .8s;
  z-index: -999;
}

#bodyContain{
  background-color: ;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  text-align: center;
}

.btn-faded-light{
  background-color:rgba(248,249,250,0.25);
}
.btn-faded-dark{
  background-color:rgba(5,10,15,0.25);
}
.btn-notrounded{
  border-radius:0!important;
}

.container-wide{
  width: 90%;
}