html {
            -webkit-print-color-adjust: exact;            
        }

        * {
            box-sizing: border-box;
            -webkit-print-color-adjust: exact;
        }

        html,
        body {
            margin: 0;
            padding: 0;
            font-family: "Merriweather", "source-serif-pro", Georgia, serif;
        }

        @media only screen {
            body {
                margin: 2em auto;
                max-width: 900px;
                color: rgb(55, 53, 47);
            }
        }

        body {
            line-height: 1.5;
            /* white-space: pre-wrap; */
        }

        a,
        a.visited {
            color: inherit;
            text-decoration: underline;
        }

        .pdf-relative-link-path {
            font-size: 80%;
            color: #444;
        }

        h1,
        h2,
        h3 {
            
            letter-spacing: -0.01em;
            line-height: 1.2;
            font-weight: 700;
            margin-bottom: 0;
        }
        
        .page-title {
            color: #333;
            /* font-family: HoeflerText-Regular, Cochin, Georgia, serif;             */
            /* font-family: "Merriweather", "source-serif-pro", Georgia, serif;; */
            /* font-family: 17px/1.55em -apple-system, BlinkMacSystemFont, "Roboto", sans-serif; */
            font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
            /* font-size: 14px; */
            /* line-height: 20px; */
            font-size: 2.5rem;
            font-weight: 1200;
            margin-top: 4;
            margin-left: 0;
            margin-bottom: 0.1em;
        }

        .about-mobius{
            font-family: "Poppings", "Helvetica Neue", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
            font-size: 75%;
            color: rgba(0, 0, 0, 0.8);
        }

        

        h1 {
            font-size: 1.875rem;
            margin-top: 1.875rem;
        }

        h2 {
            font-size: 1.5rem;
            margin-top: 1.5rem;
        }

        h3 {
            font-size: 1.25rem;
            margin-top: 1.25rem;
        }

        .source {
            border: 1px solid #ddd;
            border-radius: 3px;
            padding: 1.5em;
            word-break: break-all;
        }

        .callout {
            border-radius: 3px;
            padding: 1rem;
        }

        figure {
            margin: 1.25em 0;
            page-break-inside: avoid;
        }

        figcaption {
            opacity: 0.5;
            font-size: 85%;
            margin-top: 0.5em;
        }

        mark {
            background-color: transparent;
        }

        .indented {
            padding-left: 1.5em;
        }

        hr {
            background: transparent;
            display: block;
            width: 100%;
            height: 1px;
            visibility: visible;
            border: none;
            border-bottom: 1px solid rgba(55, 53, 47, 0.4);
        }

        img {
            max-width: 100%;
        }

        .image-container {
            border-radius: 20px;
            overflow: hidden;
            display: inline-block; /* or block, depending on your layout */
            line-height: 0; /* to remove space below the image */
        }
            
        .image-container img {
            display: block;
        }
            


    
        @page {
            margin: 1in;
        }

        .collection-content {
            font-size: 0.875rem;
        }

        .column-list {
            display: flex;
            justify-content: space-between;
        }

        .column {
            padding: 0 1em;
        }

        .column:first-child {
            padding-left: 0;
        }

        .column:last-child {
            padding-right: 0;
        }

        .table_of_contents-item {
            display: block;
            font-size: 0.875rem;
            line-height: 1.3;
            padding: 0.125rem;
        }

        .table_of_contents-indent-1 {
            margin-left: 1.5rem;
        }

        .table_of_contents-indent-2 {
            margin-left: 3rem;
        }

        .table_of_contents-indent-3 {
            margin-left: 4.5rem;
        }

        .table_of_contents-link {
            text-decoration: none;
            opacity: 0.7;
            border-bottom: 1px solid rgba(55, 53, 47, 0.18);
        }

        .clickable-image {
            position: relative;
            display: inline-block; /* or block depending on your layout */
            cursor: pointer;
            /* border-radius: 30px; */
            overflow: hidden;            
            line-height: 0; /* to remove space below the image */
            max-width: 320px;
          }
        
          .clickable-image img {
            width: 100%;
            height: auto;
            display: block;
          }
        
          .clickable-image .text-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between; /* Aligns content to top and bottom */
            color: white; /* Text color */
            padding: 20px; /* Padding around text */
            box-sizing: border-box;
            background: rgba(0, 0, 0, 0.1); /* Semi-transparent overlay */            
            text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
          }

          .text-overlay p {
            font-family: "Merriweather", "source-serif-pro", Georgia, serif;
            font-weight: 700;
            color: #fff;
            width: 100%;
            line-height: normal;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
          }
        
          .clickable-image .text-overlay h1 {
            margin: 0;
            padding: 0;
          }
        
          .clickable-image .text-overlay p {
            margin: 0;
            padding: 0;
          }

        table,
        th,
        td {
            border: 1px solid rgba(45, 44, 43, 0.4);
            border-collapse: collapse;
        }

        table {
            border-left: none;
            border-right: none;
            border-top: none;            
        }

        th,
        td {
            /* font-family: "Merriweather", "source-serif-pro", Georgia, serif; */
            /* font-family:  */
            font-weight: 400;
            font-size: small;
            padding: 0.25em 0.5em;
            line-height: 1.8;
            min-height: 1em;
            min-width: 5em;
            text-align: left;
            color: rgba(21, 21, 21, 0.75);
            border-left-width: 0px;
            border-right-width: 0px;
            /* color: rgba(55, 53, 47, 0.8); */

        }

        td.method{
            text-align: left;
        }

        th.external{
            background-color: rgba(144, 101, 176, 0.2);
        }


        td.external{
            background-color: rgba(144, 101, 176, 0.2);
        }


        th {
            font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-weight: 700;
            font-size: small;
            border-top: none;
            /* border-bottom-width: 2px; */
            border-color: rgba(21, 21, 21, 0.8); 
            color: rgba(21, 21, 21, 0.8);
        }

        ol,
        ul {
            margin: 0;
            margin-block-start: 0.6em;
            margin-block-end: 0.6em;
            font-family: "Merriweather", "source-serif-pro", Georgia, serif;
        }

        li>ol:first-child,
        li>ul:first-child {
            margin-block-start: 0.6em;
        }

        ul>li {
            list-style: disc;
        }

        ul.to-do-list {
            padding-inline-start: 0;
        }

        ul.to-do-list>li {
            list-style: none;
        }

        .to-do-children-checked {
            text-decoration: line-through;
            opacity: 0.375;
        }

        ul.toggle>li {
            list-style: none;
        }

        ul {
            padding-inline-start: 1.7em;
        }

        ul>li {
            padding-left: 0.1em;
        }

        ol {
            padding-inline-start: 1.6em;
        }

        ol>li {
            padding-left: 0.2em;
        }

        .mono ol {
            padding-inline-start: 2em;
        }

        .mono ol>li {
            text-indent: -0.4em;
        }

        .toggle {
            padding-inline-start: 0em;
            list-style-type: none;
        }

        /* Indent toggle children */
        .toggle>li>details {
            padding-left: 1.7em;
        }

        .toggle>li>details>summary {
            margin-left: -1.1em;
        }

        .selected-value {
            display: inline-block;
            padding: 0 0.5em;
            background: rgba(206, 205, 202, 0.5);
            border-radius: 3px;
            margin-right: 0.5em;
            margin-top: 0.3em;
            margin-bottom: 0.3em;
            white-space: nowrap;
        }

        .collection-title {
            display: inline-block;
            margin-right: 1em;
        }

        .page-description {
            margin-bottom: 2em;
        }

        .simple-table {
            margin-top: 1em;
            font-size: 0.875rem;
            empty-cells: show;
        }

        .simple-table td {
            height: 29px;
            min-width: 120px;
        }

        .simple-table th {
            height: 29px;
            min-width: 120px;
        }

        .simple-table-header-color {
            background: rgb(247, 246, 243);
            color: black;
        }

        .simple-table-header {
            font-weight: 500;
        }

        time {
            opacity: 0.5;
        }

        .icon {
            display: inline-block;
            max-width: 1.2em;
            max-height: 1.2em;
            text-decoration: none;
            vertical-align: text-bottom;
            margin-right: 0.5em;
        }

        img.icon {
            border-radius: 3px;
        }

        .user-icon {
            width: 1.5em;
            height: 1.5em;
            border-radius: 100%;
            margin-right: 0.5rem;
        }

        .user-icon-inner {
            font-size: 0.8em;
        }

        .text-icon {
            border: 1px solid #000;
            text-align: center;
        }

        .page-cover-image {
            display: block;
            object-fit: cover;
            width: 100%;
            max-height: 30vh;
        }

        .page-header-icon {
            font-size: 3rem;
            margin-bottom: 1rem;
        }

        .page-header-icon-with-cover {
            margin-top: -0.72em;
            margin-left: 0.07em;
        }

        .page-header-icon img {
            border-radius: 3px;
        }

        .link-to-page {
            margin: 1em 0;
            padding: 0;
            border: none;
            font-weight: 500;
        }

        p>.user {
            opacity: 0.5;
        }

        td>.user,
        td>time {
            white-space: nowrap;
            
        }

        input[type="checkbox"] {
            transform: scale(1.5);
            margin-right: 0.6em;
            vertical-align: middle;
        }

        p {
            font-family:  "Merriweather", "source-serif-pro", Georgia, serif;
            margin-top: 0.5em;
            margin-bottom: 0.5em;
            line-height: 24px;
            color: rgba(24, 24, 24, 0.82);            
            font-size: 95%;
            /* color: rgba(0, 0, 0, 0.7);             */
        }

        .footnote {
            font-family:  "Merriweather", "source-serif-pro", Georgia, serif;
            margin-top: 0.5em;
            margin-bottom: 0.5em;
            line-height: 24px;
            color: rgba(24, 24, 24, 0.82);            
            font-size: 50%;
        }

        .header-info {
            font-family: "Merriweather", "source-serif-pro", Georgia, serif;
            color: rgba(0, 0, 0, 0.7);   
            /* line-height: 125%;       */
            /* font-size: smaller;    */
            /* font-style:oblique; */
        }



        .image {
            border: none;
            margin: 1.5em 0;
            padding: 0;
            border-radius: 0;
            text-align: center;
        }

        .code,
        code {
            background: rgba(135, 131, 120, 0.15);
            border-radius: 3px;
            padding: 0.2em 0.4em;
            border-radius: 3px;
            font-size: 85%;
            tab-size: 2;
        }

        code {
            color: #eb5757;
        }

        .code {
            padding: 1.5em 1em;
        }

        .code-wrap {
            white-space: pre-wrap;
            word-break: break-all;
        }

        .code>code {
            background: none;
            padding: 0;
            font-size: 100%;
            color: inherit;
        }

        blockquote {
            font-size: 1.25em;
            margin: 1em 0;
            padding-left: 1em;
            border-left: 3px solid rgb(55, 53, 47);
        }

        .bookmark {
            text-decoration: none;
            max-height: 8em;
            padding: 0;
            display: flex;
            width: 100%;
            align-items: stretch;
        }

        .bookmark-title {
            font-size: 0.85em;
            overflow: hidden;
            text-overflow: ellipsis;
            height: 1.75em;
            white-space: nowrap;
        }

        .bookmark-text {
            display: flex;
            flex-direction: column;
        }

        .bookmark-info {
            flex: 4 1 180px;
            padding: 12px 14px 14px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .bookmark-image {
            width: 33%;
            flex: 1 1 180px;
            display: block;
            position: relative;
            object-fit: cover;
            border-radius: 1px;
        }

        .bookmark-description {
            color: rgba(55, 53, 47, 0.6);
            font-size: 0.75em;
            overflow: hidden;
            max-height: 4.5em;
            word-break: break-word;
        }

        .bookmark-href {
            font-size: 0.75em;
            margin-top: 0.25em;
        }

        .sans {
            font-family: "Poppins", "Helvetica Neue", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
        }

        .code {
            font-family: "SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace;
        }

        .serif {
            font-family: Lyon-Text, Georgia, ui-serif, serif;
        }

        .mono {
            font-family: iawriter-mono, Nitti, Menlo, Courier, monospace;
        }

        .pdf .sans {
            font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol", 'Twemoji', 'Noto Color Emoji', 'Noto Sans CJK JP';
        }

        .pdf:lang(zh-CN) .sans {
            font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol", 'Twemoji', 'Noto Color Emoji', 'Noto Sans CJK SC';
        }

        .pdf:lang(zh-TW) .sans {
            font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol", 'Twemoji', 'Noto Color Emoji', 'Noto Sans CJK TC';
        }

        .pdf:lang(ko-KR) .sans {
            font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol", 'Twemoji', 'Noto Color Emoji', 'Noto Sans CJK KR';
        }

        .pdf .code {
            font-family: Source Code Pro, "SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK JP';
        }

        .pdf:lang(zh-CN) .code {
            font-family: Source Code Pro, "SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK SC';
        }

        .pdf:lang(zh-TW) .code {
            font-family: Source Code Pro, "SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK TC';
        }

        .pdf:lang(ko-KR) .code {
            font-family: Source Code Pro, "SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK KR';
        }

        .pdf .serif {
            font-family: PT Serif, Lyon-Text, Georgia, ui-serif, serif, 'Twemoji', 'Noto Color Emoji', 'Noto Serif CJK JP';
        }

        .pdf:lang(zh-CN) .serif {
            font-family: PT Serif, Lyon-Text, Georgia, ui-serif, serif, 'Twemoji', 'Noto Color Emoji', 'Noto Serif CJK SC';
        }

        .pdf:lang(zh-TW) .serif {
            font-family: PT Serif, Lyon-Text, Georgia, ui-serif, serif, 'Twemoji', 'Noto Color Emoji', 'Noto Serif CJK TC';
        }

        .pdf:lang(ko-KR) .serif {
            font-family: PT Serif, Lyon-Text, Georgia, ui-serif, serif, 'Twemoji', 'Noto Color Emoji', 'Noto Serif CJK KR';
        }

        .pdf .mono {
            font-family: PT Mono, iawriter-mono, Nitti, Menlo, Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK JP';
        }

        .pdf:lang(zh-CN) .mono {
            font-family: PT Mono, iawriter-mono, Nitti, Menlo, Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK SC';
        }

        .pdf:lang(zh-TW) .mono {
            font-family: PT Mono, iawriter-mono, Nitti, Menlo, Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK TC';
        }

        .pdf:lang(ko-KR) .mono {
            font-family: PT Mono, iawriter-mono, Nitti, Menlo, Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK KR';
        }

        .highlight-default {
            color: rgba(55, 53, 47, 1);
        }

        .highlight-gray {
            color: rgba(120, 119, 116, 1);
            fill: rgba(120, 119, 116, 1);
        }

        .highlight-brown {
            color: rgba(159, 107, 83, 1);
            fill: rgba(159, 107, 83, 1);
        }

        .highlight-orange {
            color: rgba(217, 115, 13, 1);
            fill: rgba(217, 115, 13, 1);
        }

        .highlight-yellow {
            color: rgba(203, 145, 47, 1);
            fill: rgba(203, 145, 47, 1);
        }

        .highlight-teal {
            color: rgba(68, 131, 97, 1);
            fill: rgba(68, 131, 97, 1);
        }

        .highlight-blue {
            color: rgba(51, 126, 169, 1);
            fill: rgba(51, 126, 169, 1);
        }

        .highlight-purple {
            color: rgba(144, 101, 176, 1);
            fill: rgba(144, 101, 176, 1);
        }

        .highlight-pink {
            color: rgba(193, 76, 138, 1);
            fill: rgba(193, 76, 138, 1);
        }

        .highlight-red {
            color: rgba(212, 76, 71, 1);
            fill: rgba(212, 76, 71, 1);
        }

        .highlight-gray_background {
            background: rgba(241, 241, 239, 1);
        }

        .highlight-brown_background {
            background: rgba(244, 238, 238, 1);
        }

        .highlight-orange_background {
            background: rgba(251, 236, 221, 1);
        }

        .highlight-yellow_background {
            background: rgba(251, 243, 219, 1);
        }

        .highlight-teal_background {
            background: rgba(237, 243, 236, 1);
        }

        .highlight-blue_background {
            background: rgba(231, 243, 248, 1);
        }

        .highlight-purple_background {
            background: rgba(244, 240, 247, 0.8);
        }

        .highlight-pink_background {
            background: rgba(249, 238, 243, 0.8);
        }

        .highlight-red_background {
            background: rgba(253, 235, 236, 1);
        }

        .block-color-default {
            color: inherit;
            fill: inherit;
        }

        .block-color-gray {
            color: rgba(120, 119, 116, 1);
            fill: rgba(120, 119, 116, 1);
        }

        .block-color-brown {
            color: rgba(159, 107, 83, 1);
            fill: rgba(159, 107, 83, 1);
        }

        .block-color-orange {
            color: rgba(217, 115, 13, 1);
            fill: rgba(217, 115, 13, 1);
        }

        .block-color-yellow {
            color: rgba(203, 145, 47, 1);
            fill: rgba(203, 145, 47, 1);
        }

        .block-color-teal {
            color: rgba(68, 131, 97, 1);
            fill: rgba(68, 131, 97, 1);
        }

        .block-color-blue {
            color: rgba(51, 126, 169, 1);
            fill: rgba(51, 126, 169, 1);
        }

        .block-color-purple {
            color: rgba(144, 101, 176, 1);
            fill: rgba(144, 101, 176, 1);
        }

        .block-color-pink {
            color: rgba(193, 76, 138, 1);
            fill: rgba(193, 76, 138, 1);
        }

        .block-color-red {
            color: rgba(212, 76, 71, 1);
            fill: rgba(212, 76, 71, 1);
        }

        .block-color-gray_background {
            background: rgba(241, 241, 239, 1);
        }

        .block-color-brown_background {
            background: rgba(244, 238, 238, 1);
        }

        .block-color-orange_background {
            background: rgba(251, 236, 221, 1);
        }

        .block-color-yellow_background {
            background: rgba(251, 243, 219, 1);
        }

        .block-color-teal_background {
            background: rgba(237, 243, 236, 1);
        }

        .block-color-blue_background {
            background: rgba(231, 243, 248, 1);
        }

        .block-color-purple_background {
            background: rgba(244, 240, 247, 0.8);
        }

        .block-color-pink_background {
            background: rgba(249, 238, 243, 0.8);
        }

        .block-color-red_background {
            background: rgba(253, 235, 236, 1);
        }

        .select-value-color-interactiveBlue {
            background-color: rgba(35, 131, 226, .07);
        }

        .select-value-color-pink {
            background-color: rgba(245, 224, 233, 1);
        }

        .select-value-color-purple {
            background-color: rgba(232, 222, 238, 1);
        }

        .select-value-color-green {
            background-color: rgba(219, 237, 219, 1);
        }

        .select-value-color-gray {
            background-color: rgba(227, 226, 224, 1);
        }

        .select-value-color-translucentGray {
            background-color: rgba(255, 255, 255, 0.0375);
        }

        .select-value-color-orange {
            background-color: rgba(250, 222, 201, 1);
        }

        .select-value-color-brown {
            background-color: rgba(238, 224, 218, 1);
        }

        .select-value-color-red {
            background-color: rgba(255, 226, 221, 1);
        }

        .select-value-color-yellow {
            background-color: rgba(253, 236, 200, 1);
        }

        .select-value-color-blue {
            background-color: rgba(211, 229, 239, 1);
        }

        .select-value-color-pageGlass {
            background-color: undefined;
        }

        .select-value-color-washGlass {
            background-color: undefined;
        }

        .checkbox {
            display: inline-flex;
            vertical-align: text-bottom;
            width: 16;
            height: 16;
            background-size: 16px;
            margin-left: 2px;
            margin-right: 5px;
        }

        .checkbox-on {
            background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%2358A9D7%22%2F%3E%0A%3Cpath%20d%3D%22M6.71429%2012.2852L14%204.9995L12.7143%203.71436L6.71429%209.71378L3.28571%206.2831L2%207.57092L6.71429%2012.2852Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
        }

        .checkbox-off {
            background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%220.75%22%20y%3D%220.75%22%20width%3D%2214.5%22%20height%3D%2214.5%22%20fill%3D%22white%22%20stroke%3D%22%2336352F%22%20stroke-width%3D%221.5%22%2F%3E%0A%3C%2Fsvg%3E");
        }


.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.justify {
  text-align: justify;
}

/* POSITIONING */

.left {
    text-align: left;
  }
  
  .right {
    text-align: right;
  }
  
  .center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  
  .justify {
    text-align: justify;
  }

/* ==== GRID SYSTEM ==== (from https://simplegrid.io/ )  */ 

.container {
    width: 98%;
    margin-left: 0px;
    margin-right: auto;
  }
  
  .row {
    position: relative;
    width: 100%;
  }
  
  .row [class^="col"] {
    float: left;
    margin: 0.5rem 2%;
    min-height: 0.125rem;
  }
  
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12 {
    width: 96%;
  }
  
  .col-1-sm {
    width: 4.33%;
  }
  
  .col-2-sm {
    width: 12.66%;
  }
  
  .col-3-sm {
    width: 21%;
  }
  
  .col-4-sm {
    width: 29.33%;
  }
  
  .col-5-sm {
    width: 37.66%;
  }
  
  .col-6-sm {
    width: 46%;
  }
  
  .col-7-sm {
    width: 54.33%;
  }
  
  .col-8-sm {
    width: 62.66%;
  }
  
  .col-9-sm {
    width: 71%;
  }
  
  .col-10-sm {
    width: 79.33%;
  }
  
  .col-11-sm {
    width: 87.66%;
  }
  
  .col-12-sm {
    width: 96%;
  }
  
  .row::after {
      content: "";
      display: table;
      clear: both;
  }
  
  .hidden-sm {
    display: none;
  }
  
  @media only screen and (min-width: 33.75em) {  /* 540px */
    .container {
      width: 98%;
    }
  }
  
  @media only screen and (min-width: 45em) {  /* 720px */
    .col-1 {
      width: 4.33%;
    }
  
    .col-2 {
      width: 12.66%;
    }
  
    .col-3 {
      width: 21%;
    }
  
    .col-4 {
      width: 29.33%;
    }
  
    .col-5 {
      width: 37.66%;
    }
  
    .col-6 {
      width: 46%;
    }
  
    .col-7 {
      width: 54.33%;
    }
  
    .col-8 {
      width: 62.66%;
    }
  
    .col-9 {
      width: 71%;
    }
  
    .col-10 {
      width: 79.33%;
    }
  
    .col-11 {
      width: 87.66%;
    }
  
    .col-12 {
      width: 96%;
    }
  
    .hidden-sm {
      display: block;
    }
  }
  
  @media only screen and (min-width: 60em) { /* 960px */
    .container {
      width: 98%;
      max-width: 60rem;
    }
  }
  

  @media only print {
    img {
        max-height: 100vh;
        object-fit: contain;
    }
}