/* This stylesheet is meant for custom styles, on top of the Bone Template */
.top-row {
  color: #ffffff;
  font-size: 2vw;
  font-family: "Roboto Mono";
  opacity: 0;
  transform: translateY(-10px);
  display: inline-block;
  position: relative;
  transition: all 1s ease-in-out;
}
.mid-row {
  color: #ffffff;
  font-size: 7vw;
  font-weight: 700;
  line-height: 10vw;
  opacity: 0;
  transition: all 1.5s ease-in-out;
  transform: translateX(20px);
  display: inline-block;
  position: relative;
}
.bot-row {
  color: #ffffff;
  font-size: 2vw;
  line-height: 4vw;
  font-family: "Roboto Mono";
  opacity: 0;
  transform: translateY(10px);
  display: inline-block;
  position: relative;
  transition: all 1s ease-in-out;
}
.slide.active .mid-row {
  opacity: 1;
  transform: translateX(0px);
}
.slide.active .top-row,
.slide.active .bot-row {
  opacity: 1;
  transform: translateY(0px);
}
@media (max-width: 641px) {
  .top-row {
    font-size: 6vw;
  }
  .mid-row {
    font-size: 16vw;
    line-height: 16vw;
  }
  .bot-row {
    font-size: 6vw;
    line-height: 14vw;
  }
  header .container {
    margin: 0px;
    width: 100%;
  }
  footer .social {
    margin-top: 0px !important;
    border-bottom: 1px solid #2e2e2e;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
  }
  .profile.item.in-view img {
    width: 100% !important;
  }
  #contact p a {
    /*color: #ffffff !important;*/
    font-weight: 400 !important;
  }
  footer p a {
    color: #4d94cf;
  }
  .map-frame {
    width: 100% !important;
    height: 467px !important;
  }
}
header.affix {
  display: inline-block;
  width: 100%;
  z-index: 10;
  height: 80px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: flex;
  align-items: center;
}
footer .copyright {
  margin-top: 0px !important;
}
.map-frame {
  width: 500px;
  height: 467px;
}
footer p {
  color: #4d94cf;
}
footer .copyright {
  color: #4d94cf;
}