.services {
  margin-top: 20px; }
  .services h1 {
    text-align: center;
    font-size: 48px;
    font-weight: 200; }
  .services .tile {
    width: 30.46875%;
    height: 470px;
    margin: 0 1.40625%;
    margin-bottom: 32px;
    float: left;
    background-color: #fff;
    box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.2); }
    @media (max-width: 1280px) {
      .services .tile {
        min-height: 34.375vw; } }
    .services .tile .img img {
      width: 100%; }
    .services .tile .text {
      padding: 20px 5.1282051%; }
      .services .tile .text h2 {
        color: #d22027;
        font-size: 18px;
        margin-bottom: 10px; }
      .services .tile .text p {
        font-size: 15px; }
      .services .tile .text a {
        color: #d22027; }
        .services .tile .text a:hover {
          text-decoration: none; }
  .services .tile-1l, .services .tile-4l {
    margin-left: 1.484375%; }
  .services .tile-3l, .services .tile-6l {
    margin-right: 1.484375%; }
  @media (max-width: 1000px) {
    .services {
      min-height: 34.375vw; }
      .services .tile {
        width: 46%;
        margin-left: 2%;
        margin-right: 2%; } }
  @media (max-width: 840px) {
    .services h1 {
      font-size: 36px; } }
  @media (max-width: 600px) {
    .services .tile {
      width: 94%;
      margin-left: 3%;
      margin-right: 3%;
      float: none;
      height: auto; } }