/* Centered Content
-------------------------------------------------------------- */
.centered-content {
  text-align: center; }
  .centered-content .centered-content-inner {
    max-width: 1120px;
    margin: 0 auto 0 auto; }
    .centered-content .centered-content-inner .content *:last-child {
      margin-bottom: 0px; }
    .centered-content .centered-content-inner .bottom-heading {
      margin-top: 30px; }
      .centered-content .centered-content-inner .bottom-heading p {
        font-family: var(--muli);
        font-weight: var(--regular);
        color: rgba(var(--primaryColor), 1);
        font-size: 3rem;
        line-height: 3.8rem;
        margin-bottom: 0; }
  @media (min-width: 768px) {
    .centered-content .centered-content-inner h2 {
      margin-bottom: 50px; }
    .centered-content .centered-content-inner .bottom-heading {
      margin-top: 60px; }
      .centered-content .centered-content-inner .bottom-heading p {
        font-size: 5rem;
        line-height: 6.4rem;
        margin-bottom: 28px; } }
/* Text Banner
-------------------------------------------------------------- */
#text-banner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative; }
  #text-banner .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(var(--primaryColor), 1);
    opacity: 0.7;
    z-index: 0; }
  #text-banner .text-banner-inner {
    padding: 50px 20px;
    position: relative;
    z-index: 1; }
    #text-banner .text-banner-inner p {
      text-align: center;
      font-family: var(--muli);
      font-weight: var(--regular);
      color: #FFF;
      font-size: 3rem;
      line-height: 3.8rem;
      margin-bottom: 0; }
  @media (min-width: 768px) {
    #text-banner .text-banner-inner {
      padding: 100px 50px; }
      #text-banner .text-banner-inner p {
        font-size: 3.6rem;
        line-height: 5rem;
        margin-bottom: 0; } }
  @media (min-width: 1280px) {
    #text-banner .text-banner-inner {
      padding: 180px 0;
      max-width: 825px;
      margin: 0 auto; } }
/* Two Columns Grid Content
-------------------------------------------------------------- */
#two-columns-grid-content .two-columns-grid-content-inner {
  padding: 50px 20px;
  max-width: 1400px;
  margin: 0 auto 0 auto; }
  #two-columns-grid-content .two-columns-grid-content-inner .two-col-grid .item {
    margin-bottom: 40px;
    text-align: center; }
    #two-columns-grid-content .two-columns-grid-content-inner .two-col-grid .item .heading {
      font-family: var(--muli);
      font-weight: var(--extraBold);
      text-transform: uppercase;
      letter-spacing: 7px;
      color: rgba(var(--tertiaryColor), 1);
      font-size: 3rem;
      line-height: 4rem;
      margin-bottom: 25px;
      min-height: 80px; }
  #two-columns-grid-content .two-columns-grid-content-inner .bottom-content {
    margin: 0 auto;
    max-width: 860px; }
    #two-columns-grid-content .two-columns-grid-content-inner .bottom-content p strong {
      color: rgba(var(--tertiaryColor), 1);
      font-weight: normal;
      font-weight: 900;
      font-size: 22px; }

@media (min-width: 768px) {
  #two-columns-grid-content .two-columns-grid-content-inner {
    padding: 50px 80px; }
    #two-columns-grid-content .two-columns-grid-content-inner .two-col-grid {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between; }
      #two-columns-grid-content .two-columns-grid-content-inner .two-col-grid .item {
        flex: 0 1 48%;
        margin-bottom: 5%;
        text-align: left; } }

@media (min-width: 1024px) {
  #two-columns-grid-content .two-columns-grid-content-inner {
    padding: 130px 80px; } }

@media (min-width: 1440px) {
  #two-columns-grid-content .two-columns-grid-content-inner {
    padding: 130px 0; } }

/* Practice Areas
-------------------------------------------------------------- */
.practice-areas {
  position: relative;
  background-color: rgba(var(--lightGrey), 1); }
  .practice-areas picture {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; }
    .practice-areas picture img {
      display: block;
      object-fit: cover;
      width: 100%;
      height: 100%; }
  .practice-areas .practice-areas-inner {
    max-width: 825px;
    margin: 0 auto 0 auto;
    position: relative; }
    .practice-areas .practice-areas-inner.alternate-color-true ul li a {
      color: rgba(var(--primaryColor), 1); }
    .practice-areas .practice-areas-inner .title {
      font-family: var(--muli);
      font-weight: var(--extraBold);
      text-transform: uppercase;
      letter-spacing: 7px;
      color: rgba(var(--tertiaryColor), 1);
      line-height: 5rem;
      font-size: 4rem;
      margin-bottom: 38px;
      text-align: center; }
      @media (max-width: 1400px) {
        .practice-areas .practice-areas-inner .title {
          font-size: 3rem;
          line-height: 4rem; } }
    .practice-areas .practice-areas-inner ul {
      display: flex;
      flex-wrap: wrap; }
      .practice-areas .practice-areas-inner ul li {
        flex-basis: 50%;
        text-align: center;
        padding: 0px 20px 0px 20px; }
        @media (max-width: 767px) {
          .practice-areas .practice-areas-inner ul li {
            flex-basis: 100%; } }
        .practice-areas .practice-areas-inner ul li a {
          display: block;
          padding: 12px 0px 12px 0px;
          font-family: var(--muli);
          font-size: 2rem;
          line-height: 3rem;
          letter-spacing: 3px;
          color: #fff;
          font-weight: var(--extraBold);
          text-transform: uppercase;
          transition: color 0.5s cubic-bezier(0.17, 0.66, 0.34, 0.98); }
          .practice-areas .practice-areas-inner ul li a:hover {
            color: rgba(var(--secondaryColor), 1); }

/* Two Columns
-------------------------------------------------------------- */
.two-columns .title {
  max-width: 825px;
  margin: 0 auto 55px auto;
  text-align: center; }

.two-columns .two-columns-inner {
  display: flex;
  max-width: 1270px;
  margin: 0 auto 0 auto; }
  @media (max-width: 1279px) {
    .two-columns .two-columns-inner {
      flex-direction: column; } }
  .two-columns .two-columns-inner .column {
    margin: 0px 10px;
    flex-basis: calc(50% - 20px); }
    @media (max-width: 1279px) {
      .two-columns .two-columns-inner .column {
        flex-basis: auto;
        width: 100%;
        margin: 0px 0px 50px 0px; } }
    .two-columns .two-columns-inner .column *:last-child {
      margin-bottom: 0px; }
  .two-columns .two-columns-inner *:last-child {
    margin-bottom: 0px; }