/* Jimp Studio, LLC - Aaron Klabunde - 2023.09.05
     Project: CVpharmacology.com
     Description: Primary Styles
*/


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-size: 18px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END Resets */

body {
     background-color: #f1ece9;
     background-image: linear-gradient( 120deg, #f1ece9 0 60vw, #fbf9ee, #f1ece9 1800px);
     /*background-image: radial-gradient( at 100% 7vw, #fbf9ee 15vw, #f1ece9 50vw);*/
     margin: 40vw 0 0 0;
     padding: 0;
     /*font-family: 'Caveat', cursive;*/
     /*font-family: 'Lexend', sans-serif;*/
     font-family: 'Poppins', sans-serif;
     line-height: 140%;
     font-size: 16px;
     color: #235;
     /*padding-top: 40vw;
     --scroll: 0; */
     /* fix Safari on macOS inflating the font... */
     -webkit-text-size-adjust: none;
}
div.content.a { 
     color: #976;
     font-weight: 500;
     text-decoration: none;
     border: 1px solid #6794;
     padding: 0 0.3em;
}
img {
     max-width: calc(100% - 2px);
}
a img {
     border: 1px solid #0000;
     box-shadow: 2px 2px 12px #0000;
     transition: border 0.5s, box-shadow 0.5s;
}
.col-left a:hover img {
     border: 1px solid #fff3;
     box-shadow: -2px 1px 12px #0007;
     transition: border 0.5s, box-shadow 0.5s;
}
h1 {
     display: block;
     text-align: center;
     font-size: calc(1.6em + 0.2vw);
     line-height: 120%;
     margin: 1.3em 0 1em 0;
     clear: both;
}
h2 {
     display: block;
     text-align: left;
     font-size: calc(1.3em + 0.2vw);
     line-height: 110%;
     margin: 1.3em 0 1em 0;
     clear: both;
}
h3 {
     font-weight: 500;
     font-size: 1.3em;
     margin: 1.3em 0;
}
h4 {
     font-weight: 500;
     font-size: 1.2em;
     margin: 1.2em 0;
}
h5 {
     font-weight: 500;
     font-size: 1.1em;
     margin: 1.1em 0;
}
h6 {
     font-weight: 500;
     font-size: 1.em;
     margin: 1em 0;
}
.search-results h4 { 
     margin-bottom: 0.3em;
}
.search-results h5 { 
     margin: 0 0 0.3em 0;
}
.search-results p { 
     margin-top: 0;
}
div.column h4 {
     color: #fff;
}
h5.news_date {
     font-size: 0.8em;
     margin: 0.5em 0 0 0;
}
.hidden { display: none; }
p {
     margin: 2em 0;
}
.small,
small {
     font-size: 0.8em;
     line-height: 100%;
}
em, i, .italic {
     font-style: italic;
}
.left { text-align: left; }
.right { text-align: right; }
.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.top, .va-top { vertical-align: top; }
.middle, .va-middle { vertical-align: middle; }
.inline-block { display: inline-block; }
.pad-right { padding-right: 2em; }
.green { color: #090; }
.softgreen { color: #67aa05; /*#3eaa02*/ }
.yellow { color: #c90; }
.orange { color: #f48900; }
.red { color: #812222; }
.gray { color: #909090; }
b, .bold, strong { font-weight: 500; }
.unbold { font-weight: normal; }
sub, .sub { font-size: 0.8em; position: relative;  bottom: -0.3em; }
sup, .sup { font-size: 0.8em; position: relative; top: -0.3em; }
.sticky {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
}
header {
     display: block;
     margin: 0 0 6vh 0;
     /*container-type: inline-size;
     width: min(calc(100% - calc(var(--scroll) * 100%)), 100%);*/
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     background-color: #f1ece900;
     box-shadow: 0 0 20px #0000;
     transition: background-color 0.5s, box-shadow 0.5s;
     z-index: 99;
}
header.header-toggle-checked {
     background-color: #f1ece9ff;
     box-shadow: 0 0 20px #000f;
     transition: background-color 0.5s, box-shadow 0.5s;
}
header label {
     display: inline;
     cursor: pointer;
     width: auto;
     padding: 0;
}
#header-top input#header-toggle + label b::before {
     content: none;
     font-size: 3vw;
     float: right;
     margin: 2vw;
     color: #976;
}
#header-top input#header-toggle:checked + label b::before {
     content: "\21E1";
}
header img {
     display: inline-block;
     position: relative;
     vertical-align: top;
     width: 44%;
     transition: width 1s;
}
header div {
     display: inline-block;
     position: relative;
     vertical-align: top;
     width: 52%;
     transition: width 0;
}
header a#title {
     font-size: 6vw !important; /*max(calc(6vw - calc(var(--scroll) * 18vw)), 2vw); */
     text-decoration: none;
     text-transform: uppercase;
     font-weight: normal;
     color: #679;    
     line-height: 100%;
     display: block; 
     transition: font-size 1s;
}
/* Header screwed up on MacBook air Safari 11+ */
_::-webkit-full-page-media, _:future, :root header a#title {
     font-size: 5vw !important; 
}
/*@media not all and (min-resolution:.001dpcm) {
     @supports (-webkit-appearance:none) and (stroke-color:transparent) {
          header a#title { 
               font-size: 2vw !important; 
          }
     }
}*/

header a#author {
     font-size: 2vw; /*max(calc(2vw - calc(var(--scroll) * 16vw)), 2vw); */
     text-decoration: none;
     text-transform: uppercase;
     font-weight: bold;
     display: inline-block;
     color: #976;
     padding: 0.4em 0;
     transition: font-size 1s;
}
header nav {
     max-height: 600px;
     transition: max-height 1s;
     overflow: hidden;
}
header nav ul li a,
header nav ul li a:active,
header nav ul li a:visited {
     display: inline-block;
     padding: 0.1em 0;
     color: #579;
     text-transform: lowercase;
     text-decoration: none;
     font-size: calc(14px + 0.3vw);
     line-height: calc(100% + 0.4vw);
}
header nav ul li a:hover {
     color: #135;
}
nav ul {
     list-style-type: none;
     padding: 0;
}

/* */
/*#header-top + div {
     height: 0;
     transition: height 1s;
}
#header-top.fixed + div {
     height: 36vw;
     transition: height 1s;
}*/
#header-top.fixed {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 555;
     background-color: #f1ece9ff;
     box-shadow: 0 0 20px #000;
     transition: background-color 0.5s, box-shadow 0.5s, top 0.3s;
}
#header-top.hide {
     top: -50vw;
     transition: top 1s;
}
#header-top.fixed img {
     width: 8%;
     transition: width 1s;
}
#header-top.fixed div {
     width: 78%;
     transition: width 1s;
}
#header-top.fixed a#title {
     font-size: 3.7vw !important;
     transition: font-size 1s;
}
#header-top.fixed a#author {
     font-size: 2vw;
     transition: font-size 1s;
}
#header-top.fixed nav {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.3s;
}
#header-top.fixed input#header-toggle + label b::before {
     content: "\2630";
}

/* Adjust header for big screens */
@media screen and (min-width: 1080px) {
     #header-top.fixed img {
          width: 88px;
          transition: width 1s;
     }
     #header-top.fixed a#title {
          font-size: 33px !important;
          transition: font-size 1s;
     }
     #header-top.fixed a#author {
          font-size: 22px;
          transition: font-size 1s;
     }
     #header-top input#header-toggle + label b::before {
          font-size: 44px;
          margin: 25px;
     }
}
@media screen and (min-width: 1500px) {
     body { margin: 560px 0 0 0; }
     header img { width: 660px;}
     header div { width: calc(100% - 690px); }
     header a#title { font-size: 88px !important; }
     /* Header screwed up on MacBook air Safari 11+ */
     _::-webkit-full-page-media, _:future, :root header a#title {
          font-size: 76px !important; 
     }
     a#author { font-size: 36px; }
}
@media screen and (min-width: 2000px) {
     body { background-image: linear-gradient( 120deg, #f1ece9 0 50vw, #fbf9ee, #f1ece9 2800px); }
}

div.container {
     display: inline-block;
     width: 43vw;
     vertical-align: top;
     line-height: 170%;
}
div.container img {
     max-width: calc(100% - 2em);
}
div.container p img {
     float: left !important;
     margin: 1.2em 1.4em 1.4em 0 !important;
}
nav#nav-top,
div.content {
     display: block;
}
nav#nav-top ul {
     line-height: 170%;
}
nav#nav-top ul li {
     display: inline-block;
     margin: 2px;
}
nav#nav-top ul li a {
     color: #976;
     text-transform: uppercase;
     text-decoration: none;
     font-size: calc(14px + 0.3vw);
     border: 1px solid #6794;
     padding: 0.2em 0.8em;
     font-size: 0.9em;
}
nav#nav-top ul li a.current,
nav#nav-top ul li a:hover {
     border-color: #679;
     color: #754;
}
nav#nav-top ul li a:hover {
     background-color: #fff5;
}
a {
     color: #139;
}
a:visited, a:active {
     color: #359;
}
a:hover {
     color: #015;
}

div.gadbanner {
     background-color: #dcdce1;
     padding: 0;
     margin: 1em 0;
     overflow: hidden;
}
div.gadright,
div.tboxr,
div.tboxl {
     display: inline-block;
     float: right;
     background-color: #dcdce1;
     padding: 1em;
     margin: 0.6em 0 0.6em 0.8em;
     overflow: hidden;
}
div.gadright {
     background-color: transparent;
     padding: 0;
}
table { 
     background-color: #e6e6e6 !important;
     width: 100%;
}
tr:first-of-type {
     background-color: #dcdce1 !important;
     font-weight: normal !important;
     text-align: left !important;
     font-style: italic;
}
td {
     padding: 0.3em 1em;
     border: 2px solid #dcdce1;
}
ul {
     list-style-type: disc;
     padding: 0.2em 0 0.5em 1em;
}
li {
     clear: left;
}
ol {
     list-style-type: decimal;
     padding: 0.2em 0 0.5em 1em;
}

.content li img {
     display: block;
}

span.equation {
  margin: 0px;
  padding: 12px 12px 8px 12px;
  background-color: #e6e6e6;
  font-family: courier, serif;
  color: #650000;
  font-size: 16px;
  font-weight: 600;
}

div.col-right,
div.col-left {
     display: inline-block;
     /*position: relative;
     left: 0;*/
     /*position: sticky;
     top: 40px;*/
     width: 16vw;
     min-width: 90px;
     background-color: #6f7f9e;
     padding: 0 2vw 1em;
     margin: 0 1vw 0 4vw;
     vertical-align: top;
     color: #fff;
     font-size: 1em;
     line-height: 140%;
     text-align: left;
}
div.column a {
     color: #fe9;
     text-shadow: 1px 1px 0 #0000;
     text-decoration: none;
     transition: color 0.2s, text-shadow 0.2s;
}
div.column a:hover {
     color: #fffce2;
     text-shadow: 1px 1px 6px #0003;
     transition: color 0.2s, text-shadow 0.2s;
}
div.column div.share-links a:hover img {
     filter: invert(0.76) sepia(0.6);
}
ul.recent li a b {
     color: transparent;
     transition: color 0.2s;
}
ul.recent li a:hover b {
     color: #fff7aa;
     transition: color 0.2s;
}
div.column p {
     margin: 0.5em 0 3em 0;
     font-size: 0.9em;
     clear: left;
}
div.column p img {
     margin: 0;
}
div.col-left {
     margin: 0 4vw;
}
div.col-right {
     margin-right: 0;
}
div.column small {
     font-size: 0.8em;
     line-height: 130%;
     display: inline-block;
     color: #fff;
}
ul.recent { 
     margin-bottom: 1em;
}
ul.recent li {
     list-style-type: square;
     margin-left: 1em;
}
h2 label b { 
     display: none;
}
div.column h2 label {
     display: block;
     vertical-align: bottom;
     padding: 0;
     margin: 0;
     cursor: pointer;
     text-align: center;
     width: auto;
}
div.column h3 {
     font-size: 1em;
     margin: 0;
}
div.column div.share-links {
     margin-bottom: 2em;
}
div.column div.share-links img {
     width: 1.8em;
     padding: 0 0.5em 0 0;
     margin: 0;
     vertical-align: bottom;
     filter: invert(1);
}
div.column div.share-links a {
     display: block;
     margin: 1em 0;
}
input[type=submit] {
    -webkit-border-radius:0px;
}
label { 
     display: inline-block;
     vertical-align: middle;
     padding: 1em;
     margin: 0;
     cursor: pointer;
     text-align: right;
     width: 280px;
}
input[type='checkbox'] + label, 
input[type='radio'] + label {
     text-align: left;
}
input, textarea, button, .button, select, .StripeElement {
     display: inline-block;
     vertical-align: middle;
     margin: 0;
     padding: 0.3em 0.8em;
     width: 280px;
     max-width: 84%;
     border: 1px solid #ddd;
     border-radius: 2px;
     background-color: #f7f7f7;
     font-size: 1em;
     font-family: 'Montserrat', sans-serif;
} 
textarea {
     min-height: 160px;
}
input[type='text'], select {
     display: inline-block;
}
input[type='checkbox'], 
input[type='radio'] {
     width: 28px;
     padding: 1em 0.2em 0.5em 0.2em;
     margin-left: 264px;
}
.StripeElement {
	height: 20px;
	width: 300px;
	padding: 0.6em 0.2em 0.2em 0.2em;
}
input:focus, textarea:focus {
     border: 1px solid #338;
     background-color: #f7f7f7;
}
form#browse {
     padding-top: 70px;
}
form div.flex-text {
     display: inline;
     padding: 0;
}
form#client-portal label {
    padding: 0;
    width: auto;

}
input[type='submit'], button, .button {
	color: #fff;
     text-transform: uppercase;
     font-weight: 500;
     border: 1px solid #976;
     background-color: #bca59a;
     margin: 2em 0;
}
input[type='submit']:hover, button:hover, .button:hover {
     background-color: #976;
}
.button, a.button {
     text-align: center;
     text-decoration: none;
     color: #338;
     text-transform: uppercase;
     font-weight: 400;
}
.button:hover, a.button:hover {
     text-decoration: none;
}
.hidden {
     display: none;
}
.hide {
     overflow: hidden;
     max-height: 0;
     transition: max-height 0.6s;
}
input[type='radio']:checked + div.hide {
     max-height: 800px;
     transition: max-height 0.6s;
}
form h2 {
     padding: 1em 0 0.2em 0;
     text-align: left;
     border-top: 2px solid #975;
}
form h3 {
     font-size: 1em;
}

div.extend-footer {
     height: 60px;
     height: 300px;
     background-color: #bca59a;
}
form#accept-cookies {
     position: fixed;
     bottom: 0;
     z-index: 99999;
     background-color: #8a6757;
     color: #fff;
     padding: 6em 2%;
     width: 96%;
     font-weight: 400;
     box-shadow: 0 0 40px #0005;
     text-align: center;
}
form#accept-cookies a {
     color: #fff;
     font-weight: 600;
}

/* Payment Method Toggle */
#toggle-stripe, #toggle-check {
     overflow: hidden;
     max-height: 0;
     transition: max-height 0.6s;
}
input#pay-stripe:checked ~ #toggle-stripe,
input#pay-check:checked ~ #toggle-check {
     max-height: 800px;
     transition: max-height 0.6s;
}

.sticky {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
}

.pseudo-table {
     display: block;
     /*overflow: scroll;*/
     margin: 1em 0;
}
.pseudo-tr {
     display: block;
     background-color: #f9f8f7;
     margin: 0;
     border-top: 1px solid #eee;
}
.bg-child-white ~ .pseudo-tr {
     background-color: #fff;
}
.pseudo-th {
     background-color: #fff;
     border: 2px solid #eee;
     box-shadow: 0 12px 12px #fff;
}
.pseudo-td {
     display: inline-block;
     vertical-align: top;
     margin: 0.5em 2.5%;
}
.show-list .expand-list {
     height: 0;
     overflow: hidden;
}
.show-list .expand-list .pseudo-tr {
     height: 0;
     overflow: hidden;
}
.show-list + .expand-list {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.5s;
}
.show-list + .expand-list .pseudo-tr {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.5s;
}
.show-list:checked + .expand-list {
     overflow-y: scroll;
     max-height: 600px;
     transition: max-height 0.5s;
}
.show-list:checked + .expand-list .pseudo-tr {
     max-height: 300px;
     transition: max-height 0.5s;
}

.w8per { width: 8%; }
.w9per { width: 9%; }
.w10per { width: 10%; }
.w15per { width: 15%; }
.w20per { width: 20%; }
.w25per { width: 25%; }
.w30per { width: 30%; }
.w40per { width: 40%; }
.w50per { width: 50%; min-width: 300px; }
.w54per { width: 54%; }
.w55per { width: 55%; }
.w58per { width: 58%; }
.w60per { width: 60%; }
.w80per { width: 80%; }
.w90per { width: 90%; }
.w100per { width: 100%; }

.w-min50px { min-height: 50px; }
.w48px { width: 48px; }
.w50 { width: 50%; }
.w80 { width: 80px; }
.w62px { width: 62px; }
.w200px { width: 200px; }

.margin { margin: 2%; }

input.w48px, input.w62px {
     padding: 0.3em 0.3em;
     text-align: center;
}

/* ------------------------------------- news post ------------------------------------- */

.news {
  padding: 0;
  margin: 2.4em 0;
}
.box .news {
  margin: 2.4em 0;
  clear: both;
}
.news h3, .news h4 {
  margin: 1em 0 0 0;
  padding: 0.2em 0;
  text-align: left;
}
/*.box .news h3 a, .box .news h3 a:link, .box .news h3 a:active, .box .news h3 a:visited*/ {
  margin: 0;
  font-size: .9em;
  text-align: left;
  color: #822222;
}
/*.box .news h3 a {
  text-decoration: underline;
}
.box .news h3 a:hover {
  text-decoration: underline;
  color: #444;
}*/

.news p {
  margin: 0.5em 0 0.5em 0;
}
.box .news p {
  margin: 0.5em 0 0.5em 0;
}

p img {
     margin: 0.5em;
}

.news img {
  max-width: 100%;
  margin: 0 1em 1em 0;
}
.box .news img {
  max-width: 100%;
  margin: 0 0.5em 0.5em 0;
}

.news_title a {
  text-decoration: none;
}

.news_date {
  color: #444;
  font-size: .8em;
  font-weight: normal;
	margin: 0;
	padding: 0.2em 0;
}
.paper .news_date {
	margin: -4px 0 -3px 14px;
	padding: 0;
}
.news_content {
  margin-bottom: 4px;
}
.news_content p {
	clear: both;
}
.left-content .news_content {
  margin-bottom: 0;
}
.news_tags {
  margin-bottom: 6px;
  padding: 2px 5px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  font-size: .7em;
  clear: both;
}
.column .news_tags {
	display: none;
}
.news_back {
  margin-top: 20px;
  font-size: 11px;
}

.news_back a {
  text-decoration: none;
}

.news_back a:hover {
  text-decoration: underline;
}

.news_nav .left {
  float:left;
  text-align:left;
}

.news_nav .right {
  float:right;
  text-align:right;
}



.section a, .section a {
  text-decoration: none;
}

.section a:hover, .section a:hover {
  text-decoration: underline;
}

.section a.large {
  font-size: 22px;
}
.alert {
     color: #900;
}
div.alert-form {
     border: 1px solid #900; 
     border-radius: 2px; 
     padding: 2px 8px 8px; 
     margin: 4px -8px;
}
div.alert-form b.alert-b {
     color: #900;
}
div.alert-pop {
     position: fixed;
     top: 0;
     left: 0;
     width: 84%;
     color: #900;
     font-size: 1.1em;
     padding: 1em 8%;
     background-color: #eee;
     box-shadow: 0 0 200px #444;
     z-index: 9999;
     cursor: pointer;
}
div.alert-hide {
     display: none;
}
q, blockquote, cite {
     color: #433;
     text-align: center;
     font-style: italic;

}

q::before, blockquote::before, cite::before {
     content: "“";
}
q::after, blockquote::after, cite::after {
     content: "”";
}

footer {
     display: block;
     margin: 4em 0 0 0;
     padding: 2em 4vw 12em 4vw;
     background-color: #9769; /*#a87a*/
     text-align: center;
     color: #fff;
}
footer a,
footer a:active,
footer a:visited {
     display: inline-block;
     padding: 0 0.5em;
     margin: 0 0.2em;
     color: #fff;
     text-decoration: none;
     font-weight: 500;
     border: 1px solid #fff3;
     transition: border-color 0.5s;
}
footer a:hover {
     color: #fffbe7;
     border: 1px solid #fff;
     transition: border-color 0.5s;
}
footer .red {
     color: #fee;
}
@media screen and (max-width: 1880px) {
     div.col-right,
     div.col-left {
          margin: 0 2vw 0 2vw;
     }
     div.col-left {
          margin: 0 2vw;
     }
     div.col-right {
          margin-right: 0;
     }
     div.container {
          width: 51vw;
     }
}
@media screen and (max-width: 1480px) {
     body {
          font-size: 14px;
     }
}
@media screen and (max-width: 1240px) {
     label { 
          display: block;
          vertical-align: bottom;
          text-align: left;
          padding-left: 0;
     }
}
@media screen and (max-width: 1048px) {
     body { margin: 50vw 0 0 0; }
     #header-top input#header-toggle + label b::before {
          font-size: 5vw;
          margin: 2vw;
     }
     div.col-right,
     div.col-left {
          position: fixed;
          top: calc(100vh - 26px - 3vw);
          left: 3vw;
          width: 41vw;
          margin: 0;
          transition: top 0.3s;
          z-index: 677;
     }
     div.col-right {
          left: auto;
          right: 3vw;
     }
     input:checked + div.col-right,
     input:checked + div.col-left {
          position: fixed;
          top: 3vh;
          height: calc(100vh - 9em);
          overflow: scroll;
          box-shadow: 40px 0 60px #fff, 0 0 40px #fff, 0 0 20px #fff;
          transition: top 0.3s;
          padding-top: 6em;
     }
     div.column h2:first-of-type {
          margin: 0;
          text-align: center;
          cursor: pointer;
          font-size: calc(0.7em + 1vw);
     }
     div.column h2 label {
          width: 100%;
          display: block;
          padding: 0.8em 0;
          cursor: pointer;
     }
     input:checked + div.column h2:first-of-type {
          cursor: default;
          position: fixed;
          top: 4vh;
          width: 43vw;
          background-color: #6f7f9e;
          margin: -1vh -2vw;
          padding-right: 2vw;
     }
     div.column h2:hover {
          color: #fff7aa;
     }
     div.column h2:first-of-type label b { 
          display: block;
          float: right;
          font-weight: bold;
     }
     div.column h2:first-of-type label b::before {
          content: "\21E1";
     }
     input:checked + div.column h2:first-of-type label b::before {
          content: "\21E3";
     }
     div.col-left img {
          max-width: 50%;
          margin-left: 25%;
          display: block;
     }
     div.container {
          width: 90vw;
          margin: 0 3vw;
     }
     div.content-fade {
          position: fixed;
          bottom: 0;
          left: 0;
          width: 100vw;
          height: calc(5vw + 50px);
          background-image: linear-gradient(to top, #fbf8ee 60%, #fff0);
     }
}
@media screen and (max-width: 548px) {
     body { margin: 70vw 0 0 0; }
     input:checked + div.column.col-right,
     input:checked + div.column.col-left {
          width: 84vw;
          z-index: 777;
          padding-left: 5vw;
          padding-right: 5vw;
     }
     input:checked + div.column h2 {
          font-size: 1.6em;
     }
     input:checked + div.column h2:first-of-type {
          width: 92vw;
          background-color: #6f7f9e;
          margin: -1vh -5vw;
          padding-right: 2vw;
     }
     div.col-left img {
          display: inline-block;
          float: left;
          margin: 0 2em 2em 5%;
          max-width: 30vw;
     }
     a#author {
          font-size: 0.8em;
     }
     #header-top.fixed img {
          width: 12%;
     }
}