.section.guides .container {padding-top: 2.5rem;padding-bottom: 2.5rem; } @media (min-width: 576px) {.section.guides .container {padding-top: 4.1666666667rem;} } .section.guides h1, .section.guides .h1 {padding-top: 0;padding-bottom: 0;margin-bottom: 1.0555555556rem; } @media (min-width: 576px) {.section.guides h1, .section.guides .h1 {margin-bottom: 2.0833333333rem;} } .section.guides .row-card {max-width: 48rem;margin: 0 0 0.2222222222rem 0; } @media (min-width: 576px) {.section.guides .row-card {margin: 0 0.6666666667rem 0.2222222222rem 0.6666666667rem;} } @media (min-width: 768px) {.section.guides .row-card {margin: 0 auto 0.75rem auto;} } .section.guides .col-card {padding: 0 0 0.8888888889rem 0; } @media (min-width: 389px) {.section.guides .col-card {padding: 0 0.4444444444rem 0.8888888889rem 0.4444444444rem;} } @media (min-width: 576px) {.section.guides .col-card {padding: 0 0.6666666667rem 1.3333333333rem 0.6666666667rem;} } .section.guides .card {border-radius: 0.5555555556rem; } @media (min-width: 576px) {.section.guides .card {border-radius: 0.4166666667rem;} } .section.guides .card-img-top {display: flex;align-items: center;justify-content: center;padding-top: 1.6111111111rem;height: 5.8888888889rem; } @media (min-width: 576px) {.section.guides .card-img-top {padding-top: 1.2083333333rem;height: 4.4166666667rem;} } .section.guides .card-img-top .img-fluid {width: auto;height: 5rem; } @media (min-width: 576px) {.section.guides .card-img-top .img-fluid {height: 3.75rem;} } .section.guides .card-body {padding: 1.2777777778rem 0 1.3333333333rem 0;min-height: 5.6111111111rem; } @media (min-width: 576px) {.section.guides .card-body {padding: 0.9166666667rem 0.9166666667rem 0.9583333333rem 0.9166666667rem;min-height: auto;} } .section.guides .card-title {text-align: center;width: 100%;text-align: center;margin: 0 auto -0.1111111111rem auto; } @media (min-width: 576px) {.section.guides .card-title {max-width: 90%;margin: 0 auto;} } .section.guides .card-title, .section.guides .card-title * {font-weight: 400;font-size: 1.1111111111rem;line-height: 1.4; } @media (min-width: 576px) {.section.guides .card-title, .section.guides .card-title * {font-size: 0.8333333333rem;line-height: 1.4;} } .section.guides .card-title * {margin-bottom: 0; } .section.guides .note {font-size: 0.8888888889rem;font-weight: 400;text-align: center;line-height: 1.5;max-width: 18.0555555556rem;margin: 0 auto 1.3333333333rem; } @media (min-width: 576px) {.section.guides .note {font-size: 1rem;line-height: 1.3333333333;max-width: 22.9166666667rem;} }