/* add custom site CSS here */
.skirt .skirt-nav {
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media screen and (min-width: 40em) {
    .skirt .connect {
        width: 40%;
        float: left;
        padding-left: .75rem;
        padding-right: .75rem;
        position: relative;
        left: -60%;
        padding-left: 0;
        text-align: left;
    }
    
    .skirt-nav {
        display: table;
        width: 60%;
        float: left;
        padding-left: .75rem;
        padding-right: .75rem;
        position: relative;
        left: 40%;
        padding-right: 0;
        margin: 0;
        text-align: left !important;
    }
    
    .section.skirt {
        padding-top: 0;   
    
    }
}

.sdg-heading { box-sizing: inherit; -webkit-font-smoothing: antialiased; word-break: break-word; overflow-wrap: break-word; border: none; font-size: 2.8rem; line-height: 1.25; margin: -.8rem 0px 2rem; padding: 0px; text-align: left; font-feature-settings: 'lnum'; font-variant-numeric: lining-nums; font-weight: bold; letter-spacing: -0.0415625em; font-family: 'Inter var', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif; color: #000000; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;}