body {
    background-color: #ffffff;
    background-image: url("/bg-color-transp.svg");
    /*background-attachment: fixed;*/
    /*background-position: 40px 20px;*/
    background-position: 2.5% 20px;
    background-repeat: no-repeat;
    /*background-size: 400 644;*/
    /*background-size: 100% 100%;*/
    
    /*font-family: "Source Serif Pro", serif;*/
    /*font-size: 16px;*/
    /*font-style: normal;*/
    /*font-weight: normal;*/
    
    max-width: 1024px;
}

@media (max-width: 48em) {
  body {
    /*background-position: -2px 20px;*/
    /*background-position: calc(50vw - ((100vw - 75px) / 2)) 20px;*/
    background-position: calc(50vw - ((100vw - 6vw) / 2)) 20px;
    /*background-size: 97vw calc(100vh - 20px);*/
    background-size: 90vw calc(100vh - 20px);
    /*background-size: 50% 50%;*/
    background-origin: border-box;
  }
}

@media (max-width: 1024px) {
  p {
    /* https://blog.typekit.com/2016/08/17/flexible-typography-with-css-locks/ */
    line-height: calc(1.3em + (1.5 - 1.3) * ((100vw - 21em)/(30 - 21)));
    /* https://www.madebymike.com.au/writing/precise-control-responsive-typography/ */
    font-size: calc(16px + 0.5vw);
  }
}

@media (min-width: 1025px) {
  p {
    /* https://blog.typekit.com/2016/08/17/flexible-typography-with-css-locks/ */
    line-height: calc(1.3em + (1.5 - 1.3) * ((1024px - 21em)/(30 - 21)));
    /* https://www.madebymike.com.au/writing/precise-control-responsive-typography/ */
    font-size: calc(16px + (0.5 / 100 * 1024px));
  }
}