html, body {
  overflow-x: hidden;
}

header.masthead {
  background-image: url("../img/cover.jpg");
  background-size : cover;
  height          : 100vh;
  min-height      : 100vh;
}

header.masthead .bg-circle {
  z-index      : 0;
  position     : absolute;
  border-radius: 100%;
  background   : #fff;
  opacity      : .2
}

header.masthead .masthead-content .masthead-heading {
  font-size: 3rem;
}

@media (min-width: 992px) {
  header.masthead {
    padding-top   : calc(7.5rem + 55px);
    padding-bottom: 10rem;
  }

  header.masthead .masthead-content .masthead-heading {
    font-size: 4rem;
  }

  header.masthead .masthead-content .masthead-subheading {
    font-size: 3rem;
  }
}

.about-text {
  font-size: 1.2rem;
}

.translations,
.contacts {
  position      : relative;
  overflow      : hidden;
  padding-top   : calc(7rem + 72px);
  padding-bottom: 7rem;
  background    : linear-gradient(0deg, #ff6a00 0%, #ee0979 100%);
  color         : #FFF;
}

.navbar-scroll-trigger {
  position: absolute;
  width   : 0;
  height  : 0;
}

.navbar {
  padding         : 1.2rem 0;
  background-color: transparent;
  transition      : background-color .5s, padding .3s, box-shadow .5s;
  max-width       : 100vw;
}

.nav-link {
  color      : rgba(255, 255, 255, 0.9) !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
}

.nav-link:hover {
  color: #FFF !important;
}

.navbar.scrolled {
  background-color: rgba(0, 0, 0, 0.7);
  padding         : 1rem 0;
  box-shadow      : 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}

.scrolled .nav-link {
  color: rgba(255, 255, 255, 0.55) !important;
}

.scrolled .nav-link:hover {
  color: rgba(255, 255, 255, 0.95) !important;
}

.navbar-brand,
.masthead-heading,
.masthead-subheading {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
}

.navbar-collapse:before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 0;
  width           : 100%;
  height          : 100%;
  z-index         : -1;
  background-color: rgba(0, 0, 0, 0.9);
  opacity         : 0;
  transition      : opacity .3s ease-out;
}

.navbar-collapse.show:before {
  opacity: 1;
}