body {
    font: 400 1.0em/1 '-apple-system',BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
    color: #333;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
    font: bold 1em/1.2 Museo, Tahoma, Geneva, sans-serif;
    color: #393939;
    letter-spacing: 0;
    word-spacing: 0;
}

h1 { font-size: 2em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.46em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

.small_headers{
    h1 { font-size: 1.7em; }
    h2 { font-size: 1.6em; }
    h3 { font-size: 1.4em; }
}

.mus {
    font-family: Museo, Tahoma, Geneva, sans-serif;
    color: #555;
    letter-spacing: 0;
    word-spacing: 0;
}

p, li {
    line-height: 1.6em;
    letter-spacing: 0.25px;
    word-spacing: 1px;

    b {
        letter-spacing: 0;
    }
}

ul, ol {
    padding-inline-start: 22px;
}

.smallest { font-size:0.9em;color: #222; }
.smaller { font-size:0.95em;color: #292929; }
.larger { font-size: 1.05em;font-weight:370;color: #000; }
.largest { font-size: 1.1em;font-weight:330;color: #000; }


.plr {
    position: relative;
    min-width: 300px;
    max-width: 1600px;
    margin: 0 auto;
    width: auto;
    padding: 0 3.12% 0 3.13%;
    box-sizing: content-box;

    &.no_mobile_padding {
        @media (max-width: 599px) {
            padding: 0;
        }
    }
}

.end_gap {
    margin-bottom: 5rem;
}

.cent {
    text-align: center;
}

@media (min-width: 340px) { 
    html {
        font-size: 1.1em;
    }

    .plr {
        padding-left: 7%;
        padding-right: 7%;
    }
}

@media (max-width: 399px) { 
    .hide_mobile_small {
        display: none !important;
    }
}

@media (min-width: 400px) { 
    html {
        font-size: 1.13em;
    }
}



// this is the main mobile / desktop breakpoint at 600px
@media (max-width: 599px) { 
    .hide_mobile {
        display: none !important;
    }
}
@media (min-width: 600px) {
    .hide_desktop {
        display: none !important;
    }
}



@media (min-width: 768px) { 
    html {
        font-size: 1.15em;
    }

    h1 {
        font-size: 2.2em;
    }

    h2 {
        font-size: 1.85em;
    }

    .small_headers {
        h1 {
            font-size: 1.9em;
        }

        h2 {
            font-size: 1.65em;
        }
    }
}
@media (min-width: 1024px) { 
    html {
        font-size: 1.16em;
    }

    h1 {
        font-size: 2.6em;
    }

    h2 {
        font-size: 2em;
    }

    h3 {
        font-size: 1.6em;
    }

    h4 {
        font-size: 1.38em;
    }

    h5 {
        font-size: 1.15em;
    }

    h6 {
        font-size: 1em;
    }

    .small_headers {
        h1 {
            font-size: 2.1em;
        }

        h2 {
            font-size: 1.8em;
        }

        h3 {
            font-size: 1.5em;
        }
    }
}
@media (min-width: 1280px) { 
    html {
        font-size: 1.2em;
    }
}

@media (min-width: 2060px) {
    html {
        font-size: 1.218em;
    }
}

.alert {
    border-radius: 10px;
    background-color: #fff0f0;
    padding: 10px 21px;
    margin-top: 4em;
}

.dashed {
    border: 1px dashed #525252;
    border-radius: 10px;
    padding: 8px 14px 11px;
}


.small_link {
    color: #333;
    text-decoration: underline;
    font-size: 16px;
}

.network_icon {
    width: 21px;
    border-radius: 9px;
    margin: 0px 0 -4px 0;
}