/*
General
 */

body {
    background-color: rgba(102, 187, 106, 0.1);
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

nav {
    margin-bottom: 0.5rem;
}

main {
    flex: 1 0 auto;
}

.container {
    align-self: center;
}

main.container {
    margin-top: 5rem;
}

h1, h2, h3, h4, h5, h6 {
    line-break: auto;
}

h1 {
    font-size: 1.7rem;
}

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.3rem;
}

h4 {
    font-size: 1.25rem;
}

h5 {
    font-size: 1.2rem;
}

h6 {
    font-size: 1.1rem;
}

.btn-floating i {
    color: white;
}

/*
Navigation
 */

nav {
    position: fixed;
    z-index: 1000;
}

.brand-logo {
    background-color: #66bb6a;
}

.brand-logo img {
    /*height: 2.1rem;*/
    height: 6rem;
    padding: 1rem;
}

main > * > .board {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

main > * > .board > .board-member {
    padding: 0.5rem;
    max-width: 250px;
}

main > * > .board > .board-member img {
    max-height: 15rem;
    object-fit: cover;
}

main > * > .board > .board-member .card-title > span {
    background-color: #212121A0;
    padding: 0.1rem 0.2rem;
}

main > * > .board > .board-member ul {
    overflow-x: hidden;
    line-break: anywhere;
}

/*
MAIN
 */
main {
    background-color: white;
    padding: 0.5rem;
}

/*
FOOTER
 */
.page-footer > .footer-copyright {
    text-align: center;
    justify-content: center;
}