.gibson-services-2 {
  overflow: hidden; }
  .gibson-services-2 .gibson-services-2-title {
    max-width: 800px;
    margin: 0 auto;
    padding: 22px;
    line-height: 1.2;
    position: relative;
    z-index: 9; }
  .gibson-services-2 .gibson-services-2-services {
    max-width: 820px;
    margin: 0 auto;
    padding: 22px 22px; }
    @media only screen and (min-width: 48em) {
      .gibson-services-2 .gibson-services-2-services {
        padding: 22px 44px; } }
    @media only screen and (min-width: 62em) {
      .gibson-services-2 .gibson-services-2-services {
        max-width: 820px;
        padding: 22px 66px; } }
    .gibson-services-2 .gibson-services-2-services .gibson-services-2-service {
      position: relative; }
      .gibson-services-2 .gibson-services-2-services .gibson-services-2-service p {
        margin: 0 0 22px;
        font-size: 1.4em;
        padding: 0;
        line-height: 1.2;
        font-weight: 300;
        position: relative;
        z-index: 9; }
      .gibson-services-2 .gibson-services-2-services .gibson-services-2-service a {
        transition: 0.2s ease; }
      .gibson-services-2 .gibson-services-2-services .gibson-services-2-service a:hover {
        text-decoration: underline; }
      .gibson-services-2 .gibson-services-2-services .gibson-services-2-service .service-images {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        pointer-events: none; }
        .gibson-services-2 .gibson-services-2-services .gibson-services-2-service .service-images img {
          opacity: 0;
          position: absolute;
          width: 30%;
          height: auto;
          right: 0;
          top: 30%;
          -webkit-transform: translate(0, 20px);
                  transform: translate(0, 20px); }
          .gibson-services-2 .gibson-services-2-services .gibson-services-2-service .service-images img:nth-of-type(1) {
            top: 20%;
            width: 40%;
            transition: 0s all; }
          .gibson-services-2 .gibson-services-2-services .gibson-services-2-service .service-images img:nth-of-type(2) {
            bottom: 5%;
            left: 0;
            right: auto;
            width: 20%;
            transition: 0s all; }
            @media only screen and (min-width: 75em) {
              .gibson-services-2 .gibson-services-2-services .gibson-services-2-service .service-images img:nth-of-type(2) {
                width: 22%; } }
      .gibson-services-2 .gibson-services-2-services .gibson-services-2-service:hover .service-images img {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
        transition: 0.5s all ease-out; }
        @media only screen and (min-width: 62em) {
          .gibson-services-2 .gibson-services-2-services .gibson-services-2-service:hover .service-images img {
            opacity: 1; } }
        .gibson-services-2 .gibson-services-2-services .gibson-services-2-service:hover .service-images img:nth-of-type(2) {
          transition-delay: 0.1s; }
      .gibson-services-2 .gibson-services-2-services .gibson-services-2-service:nth-of-type(2n) .service-images img:nth-of-type(1) {
        top: 50%;
        width: 40%; }
      .gibson-services-2 .gibson-services-2-services .gibson-services-2-service:nth-of-type(2n) .service-images img:nth-of-type(2) {
        top: auto;
        bottom: 0; }
      .gibson-services-2 .gibson-services-2-services .gibson-services-2-service:nth-of-type(3n) .service-images img:nth-of-type(1) {
        top: 20%;
        width: 40%; }
      .gibson-services-2 .gibson-services-2-services .gibson-services-2-service:nth-of-type(3n) .service-images img:nth-of-type(2) {
        top: auto;
        bottom: 10%; }
/*# sourceMappingURL=gibson-services-2.css.map */