vagrant/website/source/assets/stylesheets/_vmware.scss

.page-vmware-integration {
  h1 {
    text-align: center;
  }

  .hero {
    background: $gray-background image-url("vagrant_vmware_background.png") no-repeat center -20px;
    text-align: center;
    border-bottom: 1px solid #c6e0f0;
    height: auto;
    background-position: center 0px;
    padding-bottom: 20px;

    .hero-content {
      top: 50%;

      hgroup {
        margin: 375px 0 20px 0;

        h1 {
          color: $white;
          font-weight: normal;
          font-size: 50px;
          line-height: 52px;
        }

        h2 {
          @include museo-sans-light;
          color: #48b4fb;
          font-size: 22px;
          font-weight: 400;
          margin-top: 0;
          text-transform: none;
          line-height: 28px;
        }
      }

      .button {
        font-size: 18px;
        font-weight: 400;
        padding: 13px 0;
        letter-spacing: 2px;
      }

      #learn-more-button {
        margin-right: 10px;
      }

      #buy-now-button {
        background-color: #F26C4F;
        margin-left: 10px;
      }
    }
  }

  .why, .faq {
    @include padded;
    background: $light-blue-background;


    h1 {
      color: $blue-text;
      text-transform: uppercase;
      text-align: center;
      font-size: 40px;
      line-height: 40px;
      margin-bottom: 40px;
    }

    h2 {
      font-size: 20px;
      letter-spacing: 1px;
      line-height: 1.6;
      margin-top: 30px;
    }

    p {
      line-height: 1.6;
    }

    .footnotes {
      margin-top: 40px;
      font-size: 12px;
    }
  }

  .pricing {
    @include padded;
    @include get-started-bg;

    color: $white;

    h1 {
      color: $white;
    }

    pre {
      padding: 60px 80px 40px;
      margin: 40px auto;
      background: rgba($black, 0.6);
    }

    .buy-form {
      p {
        line-height: 1.4;
        margin-top: 20px;
      }

      .form {
        margin-top: 20px;

        .products {
          padding-left: 20px;
          margin-bottom: 15px;
        }

        label {
          font-size: 18px;
          margin-bottom: 15px;
        }

        input.text {
          margin: 0;
          padding: 0;

          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;

          border: none;
          color: #000000;
          letter-spacing: 0;
          height: 50px;
          line-height: 50px;
          width: 80px;
          text-align: center;
          font-size: 20px;
          font-weight: bold;
          -webkit-box-shadow:
          inset 0 3px 5px rgba(0, 0, 0, 0.4);
        }

        button {
          margin: 0;
          padding: 0 25px;

          margin-top: -6px;
          margin-left: -5px;

          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;

          color: $white;
          font-size: 16px;
          font-weight: bold;
          height: 50px;
          line-height: 50px;
          background-color: #07B15F;
          background-image: none;
          border: none;
          text-shadow: none;
          -webkit-box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.3),
          inset 0 -1px 0 rgba(0, 0, 0, 0.1);
          -moz-box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.3),
          inset 0 -1px 0 rgba(0, 0, 0, 0.1);
          -ms-box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.3),
          inset 0 -1px 0 rgba(0, 0, 0, 0.1);
          box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.3),
          inset 0 -1px 0 rgba(0, 0, 0, 0.1);
        }
      }
    }

    .subtext {
      margin-top: 20px;
      font-size: 12px;
      line-height: 16px;

      a {
        border-bottom: 1px solid rgba($white, 0.5);
        color: $white;

        &:hover {
          border-bottom: none;
          text-decoration: none;
        }
      }
    }
  }
}

@media (max-width: 991px) {
  .page-vmware-integration {
    .hero {
      .hero-content {
        #learn-more-button {
          margin-right: 0;
        }

        #buy-now-button {
          margin-left: 0;
        }
      }
    }
  }
}