#pageHeaderRoot_logoImage{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    margin-left: 15px
}

#pageHeaderRoot{
    width: 100%;
    height: 0.75in;
    background-color: #5a5a5a;
    display: grid;
    grid-template-columns: 10% 80% 10%;
    align-items: center;
    justify-items: center;
}

#pageHeaderRoot_navButtons{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;

    
}

#pageFooterRoot{
    width: 100%;
    height: 0.50in;
    background-color: #3d0000;
    display: grid;
    grid-template-columns: 20% 60% 20%;
    align-items: center;
    justify-items: center;
}

#pageFooterRoot p, a {
    color: white;
}


#pageHeaderRoot_navButtons button {
    position: relative;
    width: 100%;
    height: 75%;
    max-width: 2in;
    min-width: 1in;
    margin-left: 3px;
    margin-right: 3px;
    font-size: 20pt;
    background: none;
    border: none;
    color: white;
}

#pageHeaderRoot_navButtons button::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;                 /* underline sits at bottom */
    width: 0%;
    height: 2px;               /* thickness of underline */
    background: white;         /* underline color */
    transition: width 0.25s ease;
}

#pageHeaderRoot_navButtons button:hover::after, 
#pageHeaderRoot_navButtons .currentPage::after {
    width: 100%;
}


#fileInfo{
    display: none;
}

body{
    margin: 0%;
}

.maincontent{
    padding-left: calc(150px * (100vw / 1000px) * (100vw / 1000px));
    padding-right: calc(150px * (100vw / 1000px) * (100vw / 1000px));
    padding-top: 15px;
}

.contactUsButton{
    background-color: #4b4bff;
    color: #FFFFFF;
    align-self: center;
    font-size: large;
    justify-self: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-style: none;
    border-radius: 10px;
    cursor: pointer;
}

#contactUsModal #contactUsModal_messageBody{
    width: 100%;
    resize: none;
    box-sizing: border-box;
}

#contactUsModal #contactUsModal_subject, #contactUsModal p{
    display: inline-block;
    box-sizing: border-box;
}

#contactUsModal #contactUsModal_subject {
    width: 75%;
}

h1,h2,h3,h4,h5,h6,p, button{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}

h1{
    justify-self: center;
}

.hidden{
    display: none;
}