header{
  padding: 20px;
  z-index: 1000;
}
header p, header a, header a:hover, header a:focus, header a:active{
  margin-bottom: 0!important;
  color: #176356;
}
#contactbar p{
  margin: 0;
}

.carousel{
  width: 100%;
  min-height: 800px;
}
.carousel-item, .carousel-item p, .carousel-item h1, .carousel-item h2, .carousel-item h3, .carousel-item h4, .carousel-item h5, .carousel-item h6, .carousel-item a{
  color: white!important;
  text-shadow: 1px 1px 5px #000000!important;
}
.headerOverlay{
  z-index: 100;
  background-color: rgba(0,0,0,0.5);
}
.drawBorder1 a, .drawBorder3 a{
  background-color: #671132;
}
.drawBorder2 a, .drawBorder4 a{
  background-color: #e17aa2;
}
.drawBorder1 a, .drawBorder3 a, .drawBorder2 a, .drawBorder4 a{
  z-index: 2;
  font-weight: 700;
}
.drawBorder1 a:hover, .drawBorder3 a:hover, .drawBorder2 a:hover, .drawBorder4 a:hover {
  padding-top: 40px!important;
  padding-bottom: 40px!important;
  transition: padding .3s;
}
.drawBorder1::before, .drawBorder2::before, .drawBorder3::before, .drawBorder4::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: transparent;
  border: 2px solid transparent;
}
.drawBorder1::before, .drawBorder2::before, .drawBorder3::before, .drawBorder4::before {
  animation: animate 1s linear forwards;
}
.drawBorderPurple::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: transparent;
  border: 2px solid transparent;
  animation: animPurp 1s linear forwards;
  animation-delay: .5s;
}
.drawBorder2::before{
  animation-delay: .5s;
}
.drawBorder3::before{
  animation-delay: 1s;
}
.drawBorder4::before{
  animation-delay: 1.5s;
}
.BorderPurple{
  border-right: 2px solid #671132;
}
@keyframes animate {
  0% {
    width: 0;
    height: 0;
    border-top-color: transparent;
    border-right-color: white;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  50% {
    width: 100%;
    height: 0;
    border-top-color: transparent;
    border-right-color: white;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  100% {
   width: 100%;
    height: 100%;
    border-top-color: transparent;
    border-right-color: white;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
}
@keyframes animPurp {
  0% {
    width: 0;
    height: 0;
    border-top-color: transparent;
    border-right-color: #671132;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  50% {
    width: 100%;
    height: 0;
    border-top-color: transparent;
    border-right-color: #671132;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  100% {
   width: 100%;
    height: 100%;
    border-top-color: transparent;
    border-right-color: #671132;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
}

@media screen and (max-width: 992px){
  .headerOverlay.position-absolute{
    /*position: relative!important;*/
  }
  .serviceLinks.h-100{
    height: auto!important;
  }
  .serviceLinks.position-relative{
    position: absolute!important;
    bottom: 0;
  }
  .serviceLinks.position-relative > .pb-5{
    padding-bottom: 0!important;
  }
  #carousel{
    margin-bottom: 20px;
  }
}
