:root {
    --bs: 1rem;
    --inc_xs: 1;
    --inc_md: 1.2;
    --inc_lg: 1.3;
    --inc_xl: 1.4;
}

body {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 200;
    letter-spacing: 0.03%;
}

h1, h2, h3, h4 {
    font-family: 'Gruppo', cursive;
    font-weight: bold;
    margin-bottom: 5rem;
}

 
strong {
    font-weight: 500;
}

a {
    text-decoration: none;
    color:darkslategray;
}

.brand-title {
    font-family: 'Gruppo', cursive;
    vertical-align: middle;
    font-size: calc(var(--bs) * 2);
}

.pagination {
    display: inline-block;
  }
  
  .pagination li {
    list-style: none;
    color: black;
    float: left;
    padding: 8px 16px;
    font-size: calc(var(--bs) * 1.3);
    /* font-weight: bold; */
    text-decoration: none;
  }

  .language-icon {
    position: absolute;
    bottom: 10px;
    right: 7px;
    width: 20px;
    height: 20px;
  }

  .poem-photo {
    max-height: 30rem;
  }

/*--- Base values and media query alterations: ---*/
body {font-size: calc(var(--bs) * var(--inc_xl));}
.card-body p {font-size: calc(var(--bs) * var(--inc_xl));}
h1{font-size: calc(var(--bs) * var(--inc_xl) * 2);}
h2{font-size: calc(var(--bs) * var(--inc_xl) * 1.5);}

@media only screen and (max-width: 1200px) { /* Bootstrap xl */
    body {font-size: calc(var(--bs) * var(--inc_lg));}
    .card-body p {font-size: calc(var(--bs) * var(--inc_lg));}
    h1{font-size: calc(var(--bs)  * var(--inc_lg) * 2);}
    h2{font-size: calc(var(--bs)  * var(--inc_lg) * 1.5);}
}
@media only screen and (max-width: 992px) { /* Bootstrap lg */
    body {font-size: calc(var(--bs) * var(--inc_md));}
    .card-body p {font-size: calc(var(--bs) * var(--inc_md));}
    h1{font-size: calc(var(--bs)  * var(--inc_md) * 2);}
    h2{font-size: calc(var(--bs)  * var(--inc_md) * 1.5);}
}
@media only screen and (max-width: 768px) { /* Bootstrap md */
    body {font-size: calc(var(--bs) * var(--inc_xs));}
    .card-body p {font-size: calc(var(--bs) * var(--inc_xs));}
    h1{font-size: calc(var(--bs)  * var(--inc_xs) * 2);}
    h2{font-size: calc(var(--bs)  * var(--inc_xs) * 1.5);}
}