@media (min-width: 50em) {
  .bp-attitudes {
    display: grid;
    grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 75em) {
  .bp-attitudes {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto auto auto; } }

.bp-attitudes .bp-attitudes-title {
  margin: 0 0 3rem; }
  @media (min-width: 50em) {
    .bp-attitudes .bp-attitudes-title {
      margin-bottom: 4rem;
      grid-column: 1 / 3; } }
  @media (min-width: 75em) {
    .bp-attitudes .bp-attitudes-title {
      grid-row: 1 / 2;
      padding-right: 2.5rem;
      margin-bottom: 0; } }

.bp-attitudes .bp-attitudes-content {
  margin-bottom: 3rem; }
  @media (min-width: 50em) {
    .bp-attitudes .bp-attitudes-content {
      grid-column: 1 / 3; } }
  @media (min-width: 75em) {
    .bp-attitudes .bp-attitudes-content {
      grid-row: 2 / 3;
      padding-right: 2.5rem;
      margin-top: 3rem; } }

.bp-attitudes .block {
  border: 1px solid var(--wp--preset--color--blue);
  padding: 2rem; }
  @media (min-width: 50em) {
    .bp-attitudes .block {
      padding: 2.5rem; } }
  .bp-attitudes .block h3 {
    margin: 0 0 3rem; }
  .bp-attitudes .block p {
    margin: 0; }

@media (min-width: 75em) {
  .bp-attitudes .block-1 {
    grid-column: 1 / 2;
    grid-row: 3 / 4; } }

.bp-attitudes .block-2 {
  border-top-width: 0; }
  @media (min-width: 50em) {
    .bp-attitudes .block-2 {
      border-top-width: 1px;
      border-left-width: 0; } }
  @media (min-width: 75em) {
    .bp-attitudes .block-2 {
      grid-column: 2 / 3;
      grid-row: 3 / 4; } }

.bp-attitudes .block-3 {
  border-top-width: 0; }
  @media (min-width: 75em) {
    .bp-attitudes .block-3 {
      grid-column: 3 / 4;
      grid-row: 2 / 3;
      border-top-width: 1px; } }

.bp-attitudes .block-4 {
  border-top-width: 0; }
  @media (min-width: 50em) {
    .bp-attitudes .block-4 {
      border-left-width: 0; } }
  @media (min-width: 75em) {
    .bp-attitudes .block-4 {
      grid-column: 4 / 5;
      grid-row: 2 / 3;
      border-top-width: 1px; } }