html { font-size: 18px; }
body { background: var(--background); }

img { width: 100%; max-width: 100%; }
figure { margin: 0; }
h1, h2, h3, h4, h5, h6 { font-family: futura-lt-w01-book, futura-lt-w05-book, sans-serif; }

.text-justify { text-align: justify; }

.jMainTitle { font-size: 3rem; font-weight: bold; }
.jMainTitle:after { content: ''; display: block; height: 2px; width: 100%; max-width: 25rem; background-color: var(--bs-dark); margin: auto; }

.jCardLink { text-decoration: none; }
.jCardLink .jCard { background-color: #ccc; padding: 1rem 2rem; border-radius: 1rem; text-align: center; }
.jCardLink .jCard .jCardTitle { font-size: 2rem; font-weight: bold; text-transform: uppercase; color: var(--bs-white); }
.jCardLink.jCardLinkSmall .jCard .jCardTitle { font-size: 1.2rem; }
.jCardLink .jCard .jCardDescription { font-size: 1rem; font-weight: bold; color: var(--bs-dark); line-height: 1.2; }
.jCardLink:hover .jCard { background-color: #ddd; }

.jMarginLeftMinus7 { margin-left: -7rem; }
.jMarginTopMinus7 { margin-top: -7rem; }