html {
    font-size: 1rem;
}

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

html {
    background-color: ghostwhite;
    font-family: Montserrat; /*, Arial, Helvetica, sans-serif */
    min-height: 100%;
    position: relative;
}

body {
    background-color: whitesmoke;
    margin-bottom: 60px;
}

a {
    color: #6A1B9A; /* 35% purple */
}

    a:hover {
        color: #9f3cdd; /* 55% purple */
    }

h1, h2, h3 {
    color: #6A1B9A; /* 35% purple */
    margin-bottom: 0 !important;
}

h1 {
    font-size: 1.75rem;
}

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.25rem;
}

p, li, th, td {
    /*font-family: Verdana, Helvetica, Arial, Sans-Serif;*/
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
}

blockquote {
    /*font-family: Courier, Verdana, Helvetica, Arial, Sans-Serif;*/
    font-size: .75rem;
}

button, input, textarea, select, option, kbd {
    border-radius: 1rem !important;
    -moz-border-radius: 0rem !important;
    -webkit-border-radius: 1rem !important;
}

button, [type=button] {
    cursor: pointer;
    font-size: .8rem !important;
    font-weight: bold;
    margin: .15rem;
}

label {
    font-weight: bold;
}

audio {
    border: 1px solid;
    border-radius: 1rem !important;
    -moz-border-radius: 0rem !important;
    -webkit-border-radius: 1rem !important;
    max-height: 25px;
    min-height: 25px;
    margin: .25rem;
    padding: .1rem;
    vertical-align: middle !important;
    width: 265px;
}

    audio::-webkit-media-controls-panel {
        background-color: #e3e6e8 !important; /* 90% pearl */
        color: #a42870 !important; /* 40% magenta */
    }

form img, form video {
    vertical-align: top !important;
    width: 100%
}

embed, img, video {
    border: 1px solid;
    border-radius: 1rem !important;
    -moz-border-radius: 0rem !important;
    -webkit-border-radius: 1rem !important;
}