.gibson-project-top-1 {
  padding-top: 80px;
  position: relative; }

.gibson-project-top-1--image {
  width: 100%;
  height: calc(50vh - 80px);
  padding: 0 22px 0 0; }
  @media only screen and (min-width: 48em) {
    .gibson-project-top-1--image {
      padding: 0 44px 0 0;
      height: calc(60vh - 80px); } }
  @media only screen and (min-width: 62em) {
    .gibson-project-top-1--image {
      padding: 0 66px 0 0;
      height: calc(70vh - 80px); } }
  @media only screen and (min-width: 75em) {
    .gibson-project-top-1--image {
      padding: 0 88px 0 0;
      height: calc(80vh - 80px); } }
  .gibson-project-top-1--image img {
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-position: center center;
       object-position: center center; }

.gibson-project-top-1--text {
  background-image: url("../../images/noise@2x.png");
  background-size: 100px 100px;
  padding: 22px;
  margin-right: 44px; }
  .gibson-project-top-1--text h1 {
    font-size: 3em;
    line-height: 1.1;
    word-wrap: break-word; }
  @media only screen and (min-width: 48em) {
    .gibson-project-top-1--text {
      padding: 44px;
      margin-right: 88px; } }
  @media only screen and (min-width: 62em) {
    .gibson-project-top-1--text {
      padding: 44px 66px;
      margin-right: 132px; } }
  @media only screen and (min-width: 75em) {
    .gibson-project-top-1--text {
      padding: 44px 88px;
      margin-right: 166px; } }
/*# sourceMappingURL=gibson-project-top-1.css.map */