import styled from "styled-components";
export const Wrapper = styled.div `

  .cards {
    justify-content: center;
    margin: 0 -12px;

    @media (max-width: 1023px) {
      flex-direction: column;
      align-items: center;
      margin: 0;
    }
  }

  .card {
    width: 288px;
    box-sizing: border-box;
    margin: 0 12px;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;

    .caption {
      font-family: Heavy;
      font-size: 12px;
      line-height: 26px;
      color: #002445;
      opacity: 0.3;
      margin-bottom: 11px;
    }

    .heading {
      font-size: 20px;
      font-family: Heavy;
      margin-bottom: 7px;
    }

    .description {
      height: 135px;
      line-height: 20px;
    }

    padding: 0 16px;
    padding-top: 47px;
    padding-bottom: 36px;

    @media (max-width: 1023px) {
      width: 100%;

      padding-top: 20px;
      padding-bottom: 20px;
      margin-bottom: 20px;

      .description {
        height: auto;
        margin-bottom: 20px;
      }

      .caption {
        margin-bottom: 7px;
      }
    }
  }
`;
//# sourceMappingURL=styled.js.map