body {
    background-color: #FFFFFF;
}

a {
    text-decoration: none;
    color: black;
}

a:hover {
    text-decoration: none;
    color: black;
}

a:visited {
    text-decoration: none;
    color: black;
}

.reference {
    text-decoration: underline;
    -webkit-text-decoration-color: red; /* Safari */
    text-decoration-color: aquamarine!important;
}

#cookie-message {
    margin-left: auto;
    margin-right: auto;
    width: 18rem;
    color: coral;
}

#div-frame {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
}

#outer-sides {
    display: flex;
    float: left;
}

#left_side {
    width: 45rem;
}

#inner_left_left {
    display: flex;
    float: left;
    margin-right: 1rem;
    padding-top: 2.5rem;
    padding-bottom: 2rem;
}

#inner_left_right {
    height:24rem;
    padding-right:0.5rem;
}

#right_side {
    width: 30rem;
}

.mobile-vision {
    display: none;
}

.header_paragraph {
    text-align: center;
    font-size: x-large;
}

.pulled_div center {
    margin-top: -1.5rem;
}

.center {
    align-content: center;
}

.detached {
    margin-top: 10rem;
}

#header_banner {
    text-align: center;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    max-width: 30%;
    padding-bottom: 1.5rem;
    /*background-color: #FFD385;*/
    /*border-style: none none solid none;*/
}

#sub_page_banner {
    margin-left: auto;
    margin-right: auto;
    max-width: 50%;
}

#header_banner_image {
    /*width: 40%;*/
    width:30rem;
    /*width: 40%;*/
}

#header_banner_image_sub {
    width:13rem;
}

.header_paragraph {
    padding-top: 2rem;
    text-align: center;
    font-family: "Baskerville Old Face", serif;
    font-size: xx-large;
}

.header {
    padding-top: 2rem;
    text-align: center;
    font-family: "Baskerville Old Face", serif;
    font-size: xx-large;
}

.info-paragraph {
    font-size: x-large;
    font-family: Cambria, "Times New Roman", serif;
}

.info-link {
    clear: both;
    font-size: large;
    font-family: Cambria, "Times New Roman", serif;
    margin-left: 2rem;
}

.smaller_font {
    font-size: medium;
}

#display_gif {
    height:24rem;
}

#main_menu {
    text-align: center;
    font-family: "Adobe Garamond", serif;
    font-size: large;
    color: dimgrey;
    /*background-color: lavender;*/
    /*background-color: aliceblue;*/
    background-color: silver;
}

#news_menu {
    text-align: center;
    font-family: "Adobe Garamond", serif;
    font-size: large;
    background-color: paleturquoise;
    /*background-color: aliceblue;*/
    /*background-color: lavender;*/
}

#main_menu_table {
    margin-left: auto;
    margin-right: auto;
    max-width: 40%;
}

.main_link {
    padding-left: 2rem;
    padding-right: 2rem;
}

#centered {
    text-align: center;
}

.column_header {
    text-align: center;
    font-family: "Adobe Garamond", serif;
    font-size: xx-large;
    font-weight: bold;
    color: white;
    background-color: black;
    /*background-color: lightsteelblue;*/
}

.column_header_plain {
    text-align: center;
    font-family: "Adobe Garamond", serif;
    font-size: xx-large;
    font-weight: bold;
    /*background-color: lightsteelblue;*/
}

.news_link {
    padding-left: 3rem;
    padding-right: 3rem;
}

.description {
    font-family: "Adobe Garamond", serif;
    font-size: large;
    padding: 1rem;
}

#news_content {
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
}

.framed_content {
    border: solid 1px;
}

#person_display {
    width:12rem;
    padding-left: 0.5rem;
    padding-right: 1rem;
}

.about_paragraph {
    font-family: Cambria, "Times New Roman", serif;
    font-size: large;
}

#display_1 {
    width: 14rem;
}

#display_1_container {
    width: 14rem;
    align-content: center;
    display: flex;
    float: right;
}

#display_2_container {
    display: flex;
    float: left;
    width: 16%;
    padding-left: 1rem;
}

#display_2_inner_container {
    height: 18rem;
    align-content: center;
}

#display_2_img {
    height: 18rem;
}

#composition_container {
    display:flex;
    float:left;
    width: 40%;
}

#composition_img {
    height: 18rem;
}

#lower_paragraph {
    width:34%;
}

#graph_div {
    padding-right: 0.5rem;
    display: block;
    clear:both;
}

#graph_div_title {
    width: 20rem;
    font-size: small;
    clear: both;
    text-align: center;
    font-weight: bold;
}

#lower_display_container {
    padding-right: 0.5rem;
    clear:both;
}

#live_page {
    display:flex;
    float: left;
    height: 2rem;
}

#single_page {
    clear:both;
    width:30rem;
    height:42.45rem;
    border-style: solid;
    border-width: thin;
}

.navigation_button_div {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.navigation_button {
    height: 2rem;
}

#navigation_pane {
    width: 26rem;
    text-align: center;
    background-color: black;
    color: #3087FF;
    font-size: x-large;
    font-family: Cambria, "Times New Roman", serif;
}

#page_table {
    margin-top:4rem;
    margin-bottom:2rem;
}

.table_center {
    width: 30rem;
    font-size: xxx-large;
    text-align: center;
    font-family: Times, Times New Roman, Georgia, serif;
}

.paragraph_div {
    padding-left:3rem;
    padding-right:3rem;
    font-size: large;
    font-family: Times, Times New Roman, Georgia, serif;
}

#single_sample_page {
    width:30rem;
    border-style:solid;
    border-width: thin;
}

#closing_link {
    font-size: large;
    width: 0.8rem;
    margin-top: -2rem;
    padding-bottom: 0.2rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    font-family: Times, Times New Roman, Georgia, serif;
    font-weight: bold;
}

.sub {
    font-size: x-large;
}

.jump_link {
    border: none;
    background: none;
    padding: 0;
}

#audio-player {
    margin-top: 5rem;
}

.jump_link {
    margin-top: 0.5rem;
    color: coral;
    font-family: Times, Times New Roman, Georgia, serif;
}

@media only screen and (max-width: 1000px)
{
    #cookie-message {
        width: 36rem;
        padding-left: 5rem;
        font-size: x-large;
    }
  
    #audio-player {
        margin-top: -12rem;
        margin-left: -27rem;
    }

    .jump_link {

    }

    #inner-right_higher {
        margin-top: 16rem;
    }

    #header_banner {
        margin-left: auto;
        margin-right: auto;
        max-width: 80%;
}

    #header_banner_image {
        /*width: 40%;*/
        width:48rem;
    }

    #sub_page_banner {
        max-width: 25%;
    }

    #display_gif {
        height:47rem;
    }

    #left_side {
        width: 32rem;
        height: 50rem;
    }

    .mobile-vision {
        display: block;
        padding-top:2rem;
        padding-right:2rem;
    }

    .pulled_div {
        margin-left: auto;
        margin-right: auto;
        max-width: 90%;
    }

    .default-vision {
        display: none;
    }

    #outer-sides {


    }

    #inner_left_left {
        clear: both;
    }

    #header_banner_image {

    }

    #header_banner_image_sub {
    width:20rem;
}

    #person_display {
        width:24rem;
    }

    #inner_left_right {
        clear: both;
        padding-top:2.5rem;
    }

    #right_side {
        clear:both;
        flex:none;
        display: block;
    }

    #inner_left_right {
        width: 56rem;
    }

    #mid-title {
    font-size: medium;
    }

    .info-link {
        margin-left: 5rem;
        font-size: x-large;
    }

    #info-link_container {
        /* margin-top: 145rem; */
    }

    .info-paragraph {
        margin-top: 2rem;
        font-size: xx-large;
    }

    .about_paragraph {
        font-size: x-large;
    }

    .user_links {
        font-size: x-large;
    }

    #display_1 {
        width: 16rem;
    }

    #display_2_container {
        width: 22%;
    }

    #display_2_inner_container {

    }

    #display_2_img {
        height: 16rem;
    }

    #composition_container {
        height: 12rem;
    }

    #composition_img {
        height: 18rem;
    }

    #lower_paragraph {
        width:60rem;
    }

    #lower_display_container {
        height:20rem;
        margin-top:24rem;
        margin-left:-30rem;
    }

    #graph_div {
        position: absolute;
        left: 2rem;
        top: 125rem;
    }

    #live_page {
        display:flex;
        float: left;
        height: 4rem;
    }

    #single_page {
        width:60rem;
        height:84.9rem;

    }

    .navigation_button {
        height: 4rem;
        padding: 0;
    }

    #navigation_pane {
        width: 52rem;
        padding-top: 0rem;
        margin-top: -0.2rem;
        font-size: xxx-large;
    }

    .table_center {
        width: 60rem;
    }

    .paragraph_div {
        font-size: xx-large;
    }

    .page_title {
        font-size: 72px;
    }

    #page_table {
        margin-bottom: 10rem;
    }

    #single_sample_page {
        width:60rem;
    }

    #closing_link {
        font-size: xx-large;
        padding-left: 1rem;
        margin-top: -3rem;
    }

}