.carousel video{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.homeCarousel{
  height: 95vh;
}

.cropcircle{
  width: 500px;
  height: 500px;
  border-radius: 100%;
  background-size: cover;
  position: absolute;
}
.cropcircleSm{
  width: 350px;
  height: 350px;
  border-radius: 100%;
  background-size: cover;
  position: absolute;
}
a.cropcircle:hover textPath{
  font-size: 20px;
  transition: all 0.3s;
}
a.cropcircle textPath{
  transition: all 0.3s;
}
a.cropcircle:hover .circletext{
  width: 430px;
  height: 430px;
  top: -65px;
  left: -65px;
  transition: all 0.3s;
}
.location1{
  left: -120px;
  top: 200px;
  border: solid 100px rgba(252,199,69,0.9);
}
.location2{
  right: -50px;
  top: 20px;
  border: solid 100px rgba(189,76,150,0.9);
}
.location3{
  left: 270px;
  top: 500px;
  border: solid 100px rgba(73,176,117,0.9);
}
.location4{
  left: -120px;
  top: 120px;
  border: solid 100px rgba(252,199,69,0.9);
}
.location5{
  right: -50px;
  top: 500px;
  border: solid 100px rgba(189,76,150,0.9);
}
.circletext{
  position: absolute;
  width: 400px;
  height: 400px;
  top: -50px;
  left: -50px;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 10000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 10000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 10000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 10000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transition: all 0.3s;
}
@-ms-keyframes spin {
  from { -ms-transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(360deg);
  }
}
.baseBanner{
  min-height: 500px;
}
.baseBanner h1{
  color: white!important;
}
.headerOverlay{
  background: rgba(25,49,84,0.5);
}
@media screen and ( max-width: 1200px ){
  .homeCarousel{
    height: 75vh;
  }
}
@media screen and ( max-width: 992px ){
  .cropcircle{
    width: 200px;
    height: 200px;
    border-radius: 100%;
    background-size: cover;
    position: absolute;
  }
  .cropcircleSm{
    width: 150px;
    height: 150px;
    border-radius: 100%;
    background-size: cover;
    position: absolute;
  }
  a.cropcircle:hover textPath{
    font-size: 20px;
    transition: all 0.3s;
  }
  a.cropcircle textPath{
    transition: all 0.3s;
  }
  a.cropcircle:hover .circletext{
    width: 160px;
    height: 160px;
    top: -35px;
    left: -35px;
    transition: all 0.3s;
  }
  .circletext{
    position: absolute;
    width: 200px;
    height: 200px;
    top: -50px;
    left: -50px;
  }
  .location1{
    left: -50px;
    top: 200px;
    border: solid 50px rgba(252,199,69,0.9);
  }
  .location2{
    right: -50px;
    top: 20px;
    border: solid 50px rgba(189,76,150,0.9);
  }
  .location3{
    left: 270px;
    top: 300px;
    border: solid 50px rgba(73,176,117,0.9);
  }
  .location4{
    left: -20px;
    top: 10px;
    border: solid 50px rgba(252,199,69,0.9);
  }
  .location5{
    right: -50px;
    top: 500px;
    border: solid 50px rgba(189,76,150,0.9);
  }
  .homeCarousel{
    height: 45vh;
  }
}