.homeHeader{
  height: 100vh;
  overflow: hidden;
}
#carousel-header{
  z-index: 0;
}
#toplogo {
  width: 105px;
  height: 60px;
  margin: 20px 0;
  z-index: 2;
  position: absolute;
}
.icon-bike{
  background:#fff;
  mix-blend-mode:difference;
  -webkit-mask-image:url(../image/test.svg);
  mask-image:url(../image/test.svg)
}
.icon-bike:hover{
  background:green
}
.video{
  height: auto;
}
.header{
  min-height: 100vh;
}
.header h1{
  font-style: italic;
}
.header p{
  font-size: 23px;
}
.imageBtm{
  bottom: 50px;
  left: 0;
}
.imageCntr{
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.imageTop{
  top: 50px;
  right: 0;
  z-index: 5;
}
.buttons button.btn-primary:hover{
  background: black;
}
.buttons button.btn-primary{
  font-family: "Instrument Serif", serif!important;
  font-size: 1.5rem;
  padding: 8px 25px
}
.opacity{
  display: none;
  transition: display 0.2s ease;
}
.box{
  border: 1px solid black;
  width: 50%;
  height: 75%;
  right: 50px;
  top: 0;
}

@media screen and ( max-width: 992px ){
	.header{
	  min-height: 70vh;
	}
}

@media screen and ( max-width: 1200px ){
  .homeHeader{
    height: auto;
    aspect-ratio: 1 / 1;
  }
  .homeHeader video{
    max-width: 100%!important;
  }
  .imageCntr{
    position: relative!important;
  }
}
@media screen and (max-width: 1366px){
  .imageBtm{
    bottom: 250px;
  }
  .imageTop{
    top: 250px;
  }

}

@media screen and (max-width: 1510px){
  .button1, .button2, .button3{
    display: none!important;
  }
}