html,
        body {
        font-size: 16px;
        -webkit-text-size-adjust: 100%;
        height: 100%;
        font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
        }
        body {
        margin: 0;
        padding: 0;
        /*background-color: hsl(212, 60%, 97%);*/
        background-color: #f4f4f4;
        color: hsl(209, 18%, 30%);
        display: flex;
        }
        h1 {
        margin-top: 0;
        }
        h2 {
        margin-top: 24px;
        /*font-size: 1em;*/
        }
        h2:first-child {
        margin-top: 0;
        }
        p {
        line-height: 1.4em;
        margin-bottom: 0;
        }
        ul {
        line-height: 1.3em;
        padding-left: 20px;
        margin-bottom: 0;
        }
        ul li {
        margin-bottom: 0.35em;
        }
        a {
        color: #0B69A3;
        text-decoration: none;
        }
        a:hover {
        text-decoration: underline;
        }
        .go {
        color: #0B69A3;
        }
        .go:after {
        padding-left: 4px;
        content: '→';
        text-decoration: none !important;
        }
        small {
        color: hsl(211, 11%, 59%);
        }
        code {
        display: inline-block;
        color: #EF4E4E;
        padding: 0 2px;
        background: hsl(212, 60%, 97%);
        border-radius: 3px;
        line-height: 1.3;
        font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
        font-size: 0.9em;
        }
        #container {
        flex-grow: 1;
        }
        .container {
            position:relative;
        }
        nav,footer {
            background: #cacaca;
        }
        footer {
            margin-top: 25px;
        }
        #modal {
        background: #fff;
        }
        #aside {
        background: hsl(212, 60%, 97%);
        }
        .social-links {
        text-align:right;
        display: inline-block;
        right: 15px;
        position: absolute;
        }
        .social-link {
        display: inline-block;
        margin: 0;
        padding: 10px;
        opacity: .8;
        }
        .social-link svg {
        width: 30px;
        color: #e8e8e8;
        }
        .content {
        margin: 0 auto; margin-top: 50px;
        }
        .img-wrapper {
        width: 100%; position: relative; height: 1px; padding-bottom: 100%; background: #fff; transition: transform 0.4s, box-shadow 0.3s;overflow:hidden;
        }
        .img-wrapper:hover {
        /*box-shadow: 0px 0px 18px #111!important;*/
        }
        .img-wrapper h2{
        z-index:10;position:absolute;width: 100%;padding: 8px 5px; background:rgba(255,255,255,0.8); margin: 0px;
        }
        .img-wrapper p {
        z-index:10;position:absolute;width: 100%;padding: 8px 5px; background:rgba(255,255,255,0.8); margin:0px; bottom: 0px;
        }
        .img-wrapper img {
        z-index:1;max-width: 100%; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
        }
        .entry a {
        width:100%; display:block; height:100%;
        }
        .entry {padding-top:30px;padding-bottom:30px;}
        .entry:nth-child(n+4) {
        border-top:1px solid #ccc;
        }
        .logo-wrapper {
        background-color: #fafafa;
        background-color: rgba(var(--b3f,250,250,250),1);
        border-radius: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        overflow: hidden;
        position: relative;
        margin: 0 auto;
        }
        .logo-img {
        height: 100%;
        -webkit-touch-callout: none;
        width: 100%;
        }
        .logo-alt {
            height: 40px;
            margin: 5px 0;
            display: inline-block;
        }
        @media (min-width: 992px) {
        .entry:nth-child(n+4) {
        border-top:1px solid #eaeaea;
        }
        }
        @media (min-width: 768px) and (max-width: 991px){
        .entry:nth-child(n+3) {
        border-top:1px solid #eaeaea;
        }
        }
        @media (max-width: 767px){
        .entry:nth-child(n+2) {
        border-top:1px solid #eaeaea;
        }
        .logo-wrapper {
            margin-bottom: 20px;
        }
        .information-container {
            text-align:center;
        }
        h2 {
            font-size: 1.6rem;
        }
        p {
            font-size: 0.9rem;
        }
        }
        @media (min-width:768px) {
        #modal {
        display: flex;
        }
        #aside {
        width: 50%;
        overflow: auto;
        }
        }
        @media (min-width:768px) and (min-height: 376px) {
        body {
        }
        #container {
        display: flex;
        padding: 24px;
        align-items: center;
        justify-content: center;
        }
        #modal {
        height: 100%;
        max-width: 800px;
        max-height: 525px;
        border-radius: 4px;
        overflow: auto;
        box-shadow: 0 25px 100px rgba(0, 0, 0, 0.5);
        }
        #aside {
        overflow: auto;
        }
        }
        @media (min-width: 736px) {
        header,section {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        border: 0 solid #000;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0;
        padding: 0;
        position: relative;
        }
        .header {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        }
        .header {
        margin-bottom: 44px;
        }
        .logo-container {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-right: 30px;
        }
        .logo {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        display: block;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        }
        .logo-wrapper::after {
        border: 1px solid rgba(0,0,0,.0975);
        border: 1px solid rgba(var(--jb7,0,0,0),.0975);
        border-radius: 50%;
        bottom: 0;
        content: '';
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        }
        .information-container {
        -webkit-flex-basis: 30px;
        -ms-flex-preferred-size: 30px;
        flex-basis: 30px;
        -webkit-box-flex: 2;
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
        }
        .information-container {
        color: #262626;
        color: rgba(var(--i1d,38,38,38),1);
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        min-width: 0;
        }
        }