body.page-template-page-lab-orafo {
  .page-header {
    margin-bottom: 0;
    .page-title {

    }
  }
  .page-children-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
    display: table;
    li {
      position: relative;
      display: inline-block;
      margin: 0 1.5rem;
      @media screen and($bp-larger-than-mobile) {
        margin: 0 4rem;
      }
      &:after {
        content:'';
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, 50%);
        border-radius: 100%;
        width: 1.5rem;
        height: 1.5rem;
        background-color: $primary-color;
        display: none;
      }
      a {
        color: $black;
        font-size: .875em;
        letter-spacing: .05rem;
        transition: all .4s $easing;
        @media screen and($bp-larger-than-mobile) {
          font-size: .975em;
        }
        &:hover {
          color: $primary-color;
        }
      }
      &.current_page_item {
        a {
          font-weight: 500;
          font-size: 1.05em;
        }
        &:after {
          display: block;
        }
      }
    }
  }
  #main-footer {
    margin-top: 10rem;
  }
  // LAYOUTS OVERRIDE
  .layout-columns {
    .layout-title {
      margin-bottom: 10rem;
    }
    .block-content {
      h1, h2, h3 {
        font-size: calc(1.5em + 1.5vw);
        @media screen and($bp-larger-than-tablet) {
          font-size: calc(1.75em + 1.75vw);
        }
      }
      &.bordered {
        padding-top: 10rem;
        &:before {
          bottom: 90%;
          width: 35%;
        }
      }
    }
  }
  .layout-valuta-grid {
    border: none;
    padding-top: 0;
    .grid-valuta {
      padding-bottom: 10rem;
      @media screen and($bp-larger-than-mobile) {
        padding-bottom: 20rem;
      }
      .grid-el {
        margin: 0 auto;
        float: none;
        img {
          @extend .img-responsive;
          max-width: 30rem;
        }
        @media screen and($bp-larger-than-mobile) {
          float: left;
          &.el-1 {
            width: calc(100% / 3);
            .el--inner {
              transform: translate(0, 25%);
            }
          }
          &.el-2 {
            width: calc(100% / 3);
            .el--inner {
              transform: translate(0, -50%);
            }
          }
          &.el-3 {
            width: calc(100% / 3);
            .el--inner {
              transform: translate(0, 0);
            }
          }
          &.el-4 {
            width: 50%;
            .el--inner {
              transform: translate(15%, 75%);
            }
          }
          &.el-5 {
            width: 50%;
            .el--inner {
              transform: translate(-15%, 75%);
            }
          }
        }
      }
    }
  }
}
