body {
  background-color: #202020;
  font-family: Muli, sans-serif;
  color: #a5a5a5;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  line-height: 44px;
  font-weight: bold;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 36px;
  font-weight: bold;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
}

p {
  margin-bottom: 10px;
}

.home-hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 450px;
  margin-top: 1px;
  padding-bottom: 91px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Static-Home-Background.jpg');
  background-position: 50% 50%;
  background-size: cover;
  text-align: center;
}

.button {
  margin-right: 6px;
  margin-left: 6px;
  padding: 9px 33px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, .37);
  border-radius: 10px 0px;
  background-color: rgba(2, 2, 2, .6);
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  -webkit-transition: color 500ms ease, text-shadow 500ms ease, border 500ms ease, background-color 500ms ease;
  transition: color 500ms ease, text-shadow 500ms ease, border 500ms ease, background-color 500ms ease;
  color: #d8d8d8;
  font-size: 11px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.button:hover {
  border-color: hsla(0, 0%, 100%, .81);
  background-color: #020202;
  color: #fff;
  text-shadow: 0 0 9px #fff;
}

.button.nav {
  margin-top: 20px;
  margin-bottom: 16px;
  padding-right: 7px;
  padding-left: 7px;
  border-style: none;
  color: #bdbaba;
}

.button.nav.w--current {
  color: #fff;
}

.button.footer {
  padding-right: 24px;
  padding-left: 24px;
  border-style: none;
  background-color: transparent;
  background-image: -webkit-linear-gradient(270deg, transparent, transparent);
  background-image: linear-gradient(180deg, transparent, transparent);
}

.button.submit-button {
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  border-radius: 0px;
  background-color: #c6a4c7;
  background-image: -webkit-linear-gradient(270deg, #754774, #754774);
  background-image: linear-gradient(180deg, #754774, #754774);
  color: #fff;
}

.button.hero-button {
  box-shadow: 2px 2px 36px -1px #000;
}

.home-hero-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.home-hero-wrapper.interaction {
  position: relative;
  z-index: 1000;
  display: block;
  margin-top: 107px;
}

.button-block {
  margin-top: 17px;
}

.hero-heading {
  margin-top: 0px;
  margin-bottom: 29px;
  font-size: 25px;
  line-height: 33px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.hero-heading.subtitle {
  position: static;
  display: inline-block;
  margin-bottom: 0px;
  padding-top: 7px;
  border-color: #615f5f #4d4c4c #4d4c4c;
  border-top-style: solid;
  border-top-width: 1px;
  color: #615f5f;
  font-size: 13px;
  line-height: 21px;
}

.hero-heading.smaller {
  margin-bottom: 0px;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 3px;
  text-decoration: none;
  text-transform: uppercase;
}

.hero-heading.smaller:hover {
  color: #303030;
}

.hero-heading.smaller.tiny {
  margin-top: 0px;
  color: #a7a7a7;
  font-size: 11px;
}

.hero-heading.smaller.practise-font {
  font-family: Muli, sans-serif;
  color: #303030;
  font-weight: 700;
}

.mega-focus {
  color: #fff;
  font-weight: 800;
}

.navbar {
  border-bottom: 1px solid #3b3b3b;
  background-image: -webkit-linear-gradient(270deg, #000, #000), url('../images/example-bg.png');
  background-image: linear-gradient(180deg, #000, #000), url('../images/example-bg.png');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, 125px;
  color: #000;
}

.nav-container {
  min-width: 100%;
  margin: 10px 0px;
  padding-right: 31px;
  padding-left: 31px;
}

.image {
  margin-top: 10px;
}

.div-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.div-block-2 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.text-block {
  color: #414141;
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.footer-hover {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.45;
  -webkit-transition: opacity 1500ms ease;
  transition: opacity 1500ms ease;
}

.footer-hover:hover {
  opacity: 1;
}

.section {
  position: relative;
  margin-right: 0px;
  margin-left: 0px;
  padding: 46px 62px;
  background-image: url('../images/jeremy-thomas-99326.jpg'), url('../images/example-bg.png');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  box-shadow: 1px 1px 3px 0 #000;
}

.section.team-members {
  position: relative;
  padding-right: 86px;
  padding-left: 86px;
  background-image: none;
}

.section.practice-areas {
  background-image: none;
}

.section.blog-posts {
  background-image: none;
  -webkit-filter: blur(0px);
  filter: blur(0px);
}

.section.blank {
  background-image: none;
}

.main-container {
  display: block;
  padding-right: 59px;
  padding-left: 59px;
  color: #303030;
  line-height: 50px;
}

.main-container.hero-heading {
  font-size: 24px;
}

.main-container.centered {
  position: relative;
  z-index: 4;
  overflow: hidden;
  padding: 46px 69px;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(270deg, #fafafa, #fafafa);
  background-image: linear-gradient(180deg, #fafafa, #fafafa);
  box-shadow: 8px 8px 28px -6px rgba(0, 0, 0, .72);
  text-align: center;
}

.heading {
  font-size: 29px;
}

.paragraph {
  margin-bottom: 49px;
  font-size: 15px;
  line-height: 20px;
}

.submit-button {
  margin-top: 7px;
  padding: 0px 34px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.text-field {
  margin-top: 25px;
}

.main-image {
  margin-bottom: 30px;
  border-radius: 10px 0px;
  box-shadow: 1px 1px 50px -2px rgba(0, 0, 0, .52);
}

.overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: url('../images/example-bg.png');
  background-position: 0px 0px;
  background-size: 125px;
  opacity: 1;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.overlay.team-page {
  background-image: url('../images/octavian-rosca-208933.jpg'), url('../images/example-bg.png');
  background-position: 50% 50%, 0px 0px;
  background-size: cover, 125px;
}

.overlay.practise-page {
  background-image: url('../images/nasa-89127.jpg'), url('../images/example-bg.png');
  background-position: 0px 0px, 0px 0px;
  background-size: 1500px, 125px;
}

.overlay.blog-page {
  background-image: url('../images/radiation.jpg'), url('../images/example-bg.png');
  background-position: 0px 0px, 0px 0px;
  background-size: 1500px, 125px;
}

.contact-block {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 20px;
}

.contact-text-link {
  margin-top: 0px;
  margin-right: 16px;
  margin-left: 15px;
  color: #424242;
  font-size: 10px;
  line-height: 20px;
  letter-spacing: 3px;
  text-decoration: none;
  text-transform: uppercase;
}

.main-rich-text-block {
  margin-top: 0px;
  margin-bottom: 1px;
  text-align: left;
}

.main-rich-text-block h1 {
  color: #3b3b3b;
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.main-rich-text-block h2 {
  color: #3b3b3b;
  font-size: 17px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.main-rich-text-block h3 {
  color: #615f5f;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.main-rich-text-block p {
  line-height: 20px;
}

.main-rich-text-block.area-articles {
  text-align: left;
}

.div-block-4 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

.heading-2 {
  text-align: center;
}

.blog-heading {
  color: #fff;
  font-size: 25px;
  line-height: 39px;
}

.blog-lower-div {
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
  background-image: -webkit-linear-gradient(270deg, transparent, rgba(0, 0, 0, .75));
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .75));
}

.top-heading {
  margin: -49px -54px 36px;
  padding-top: 143px;
  padding-bottom: 0px;
  background-image: url('../images/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: scroll;
}

.collection-item {
  margin-bottom: 21px;
}

.bio-summary {
  color: #797979;
  line-height: 20px;
  text-decoration: none;
}

.bio-summary:hover {
  text-decoration: none;
  text-transform: none;
}

.bio-summary.post-summary {
  text-align: left;
}

.image-2 {
  margin-top: 17px;
  margin-bottom: 7px;
  border-radius: 7px 0px;
  box-shadow: 1px 1px 35px -5px rgba(0, 0, 0, .49);
}

.link-block {
  overflow: hidden;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 8px 18px;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  box-shadow: 4px 4px 24px 1px rgba(0, 0, 0, .07);
  -webkit-transition: box-shadow 600ms ease;
  transition: box-shadow 600ms ease;
  color: rgba(71, 71, 71, .78);
  text-decoration: none;
}

.link-block:hover {
  box-shadow: 4px 4px 24px 1px rgba(0, 0, 0, .37);
}

.practise-area-summary {
  color: #615f5f;
  line-height: 16px;
  font-weight: 300;
}

.collection-item-2 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.blog-post-title {
  margin-top: 11px;
  margin-bottom: 11px;
  color: #303030;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  text-transform: uppercase;
}

.div-block-5 {
  margin-top: -15px;
  margin-right: -27px;
  margin-left: -27px;
  padding-top: 118px;
  background-image: url('../images/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
}

.home-hero-interaction {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 450px;
  margin-top: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  text-align: center;
}

.rotator {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 0px;
  height: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  background-image: -webkit-linear-gradient(270deg, transparent, transparent);
  background-image: linear-gradient(180deg, transparent, transparent);
  -webkit-transform: rotateX(0.001deg) rotateY(0deg) rotateZ(0deg);
  transform: rotateX(0.001deg) rotateY(0deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.background {
  position: absolute;
  width: 7500px;
  max-width: none;
  -webkit-transform: translate3d(0px, 0px, -2000px);
  transform: translate3d(0px, 0px, -2000px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.galaxy-core {
  position: absolute;
  width: 2250px;
  max-width: none;
  -webkit-transform: translate3d(0px, 0px, -1000px);
  transform: translate3d(0px, 0px, -1000px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.clouds {
  position: absolute;
  width: 1000px;
  max-width: none;
  -webkit-transform: translate3d(0px, 0px, -500px);
  transform: translate3d(0px, 0px, -500px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.clouds.closer {
  width: 2000px;
  -webkit-transform: translate(0px, 250px);
  -ms-transform: translate(0px, 250px);
  transform: translate(0px, 250px);
}

.clouds.obnoxiously-close {
  width: 2000px;
  -webkit-transform: translate3d(0px, 93px, 600px);
  transform: translate3d(0px, 93px, 600px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.first-line {
  color: #ccc;
  font-weight: 300;
}

@media (max-width: 991px) {
  .home-hero {
    min-height: 430px;
  }
  .button.nav {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 29px;
    background-color: transparent;
    background-image: -webkit-linear-gradient(270deg, transparent, transparent);
    background-image: linear-gradient(180deg, transparent, transparent);
    color: #ccc;
  }
  .button.footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .home-hero-wrapper {
    padding-top: 185px;
  }
  .image {
    margin-top: 4px;
  }
  .menu-button {
    background-color: #000;
    background-image: -webkit-linear-gradient(270deg, #000, #000);
    background-image: linear-gradient(180deg, #000, #000);
    color: #fff;
  }
  .nav-menu {
    padding-top: 17px;
    padding-bottom: 17px;
    background-color: rgba(0, 0, 0, .3);
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, .55));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, .55));
    box-shadow: 1px 1px 25px 0 #000;
    color: rgba(0, 0, 0, .65);
  }
  .icon {
    background-image: -webkit-linear-gradient(270deg, transparent, transparent);
    background-image: linear-gradient(180deg, transparent, transparent);
  }
  .section.team-members {
    padding-right: 40px;
    padding-left: 40px;
  }
  .main-container.centered {
    padding-right: 60px;
    padding-left: 60px;
    border-radius: 3px;
  }
  .paragraph {
    font-size: 14px;
  }
  .overlay {
    opacity: 1;
  }
  .contact-text-link {
    display: block;
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .main-rich-text-block {
    margin-bottom: 0px;
  }
  .top-heading {
    margin-top: -52px;
    margin-right: -67px;
    margin-left: -67px;
  }
  .home-hero-interaction {
    min-height: 430px;
  }
}

@media (max-width: 767px) {
  .home-hero {
    min-height: 360px;
    padding-bottom: 41px;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .59), rgba(0, 0, 0, .59)), url('../images/Static-Home-Background.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .59), rgba(0, 0, 0, .59)), url('../images/Static-Home-Background.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }
  .button {
    display: block;
    margin-bottom: 10px;
  }
  .button.footer {
    margin-bottom: 0px;
    padding-bottom: 8px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .home-hero-wrapper {
    padding-top: 75px;
  }
  .button-block {
    width: 60%;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .hero-heading {
    margin: 0px 40px 16px;
    padding-top: 0px;
    font-size: 19px;
    line-height: 23px;
    font-weight: 400;
  }
  .nav-container {
    margin-bottom: 0px;
  }
  .image {
    margin-top: 0px;
  }
  .section.team-members {
    padding: 0px;
  }
  .section.practice-areas {
    padding: 0px;
  }
  .section.blog-posts {
    padding: 0px;
  }
  .main-container.centered {
    display: block;
    padding-right: 33px;
    padding-left: 33px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .paragraph {
    font-size: 13px;
  }
  .contact-text-link {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .main-rich-text-block {
    padding-right: 19px;
    padding-left: 19px;
  }
  .blog-heading {
    margin-right: 57px;
    margin-left: 57px;
  }
  .top-heading {
    padding-top: 91px;
  }
  .home-hero-interaction {
    min-height: 360px;
    padding-bottom: 41px;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .59), rgba(0, 0, 0, .59)), url('../images/Static-Home-Background.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .59), rgba(0, 0, 0, .59)), url('../images/Static-Home-Background.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }
}

@media (max-width: 479px) {
  .hero-heading {
    margin-bottom: 9px;
  }
  .hero-heading.subtitle {
    padding-top: 6px;
    font-size: 8px;
  }
  .text-block {
    font-size: 6px;
    text-align: center;
  }
  .main-container.centered {
    padding-right: 16px;
    padding-left: 16px;
  }
  .paragraph {
    font-size: 13px;
  }
  .contact-block {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .contact-text-link {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .main-rich-text-block {
    margin-top: 0px;
  }
  .blog-heading {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    text-transform: none;
  }
  .top-heading {
    padding-top: 57px;
  }
}