/**** element styles ****/
hr { border-color: #cccccc; margin: 0px; }

/**** header, main and footer divs ****/
.header-title { font-size: 30px; }

h1 {
    text-align: center;
    padding-bottom: 1em;
}

.section-header {
    text-align: center;
    margin-bottom: 20px;
}

.logoimagecontainer .logoimage {
    width: 5%;
    margin-right: .2em;
}

#page-container {
    position: relative;
    min-height: 100vh;
}

#main-div{
    flex: 1 0 auto;
    padding: 2rem;
    overflow: hidden;
    position: relative;
    margin: 0 0 1.7em 0;
}


.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

/**** Body modifiers ****/

body {
    display: flex;
    flex-direction: column;
}

.container {
    display: flex;
    flex-direction: column;
}

/**** class-based style modifiers ****/

.account-menu {
    display: flex;
    white-space: nowrap;
}

.no-margins { margin: 0px; }

.with-margins { margin: 10px; }

.col-centered { float: none; margin: 0 auto; }