section{
  padding-top: $size-large * 2;
  padding-bottom: $size-large * 2;
  h4{
    font-size: 1rem;
    position: relative;
    margin-bottom: $size-small*2;
    &:after{
      content: "";
      position: absolute;
      height: 2px;
      width: $size-large;
      background-color: $primary;
      left: 0;
      bottom: calc(-#{$size-small} / 1.5);
    }
  }
  .text-center{
    h4{
      &:after{
        right: 0;
        margin: auto;
      }
    }
  }
  &.about{
    position: relative;
  }
  &.services{
    padding-bottom: 0;
  }
  &.contact{
    margin-top: $size-large*4;
    padding: 0;
    height: 85vh;
    min-height: 1100px;
    position: relative;
    >div:first-of-type{
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 0;
      .gm-style-iw{
        padding: 0;
        button{
          display: none !important;
        }
      }
      .gm-style-iw-t{
        &:after{
          background: $primary;
        }
      }
    }

    @include media-breakpoint-up(lg){
      min-height: 700px;
    }
  }

  &.service-info{
    .service-images-col{
      @include media-breakpoint-up(lg){
        margin-left: -$size-large*2;
        margin-right: $size-large;
      }
    }
    .service-images{
      position: relative;
      margin-top: $size-large;
      @include media-breakpoint-up(lg){
        margin-top: 0;
      }
      div{
        a{
          color: white;
          &:hover{
            text-decoration: none;
          }
        }
        overflow: hidden;
        height: 150px;
        width: 150px;
        flex-basis: 150px;
        flex-grow: 0;
        flex-shrink: 0;
        margin-right: $size-medium;
        position: relative;
        &:last-child{
          margin-right: 0;
        }
        @include media-breakpoint-down(xs){
          height: 130px;
          width: 130px;
          flex-basis: 130px;
          &:last-child{
            display: none !important;
          }
        }

        @include media-breakpoint-up(lg){
          margin-bottom: $size-medium;
          height: 200px;
          width: 200px;
          flex-basis: 200px;
          &:last-child{
            margin-bottom: 0;
          }
        }
      }
      img, .gallery-heading{
        height: 100%;
        min-height: 100%;
        -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
      }
      &:after{
        content: "";
        width: 100%;
        height: 100%;
        top: $size-medium;
        right: 0;
        position: absolute;
        background: $primary;
        z-index: -1;
        -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
        @include media-breakpoint-up(lg){
          width: 80%;
          right: -$size-medium;
        }
      }
    }
  }

  .gallery-heading{
    text-transform: uppercase;
    background-color: $primary2;
    color: white;
    font-size: 1.5rem;
    transition: background-color .3s ease-in-out;
    &:hover{
      background-color: darken($primary2, 2);
    }
  }

  &.gallery{
    height: 100%;
    padding: $size-medium $size-large;
  }
}