body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    font-family: 'Nunito Sans', san-serif;
    font-size: 18px;
    line-height: 1.8rem;
    color: #224969;
}

#form1 {
    height: 100%;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
    height: 38px;
    line-height: 38px;
}

ul.disc li {
    list-style-type: disc !important;
    padding-left: 10px;
    list-style-position: inside;
    margin-bottom: 10px;
}

main {
    flex: 1 0 auto;
    smin-height: 700px;
}

.footer-copyright {
    color: #777 !important;
    font-size: 12px;
    line-height: 2rem;
}

.content-filler {
    margin-top: auto;
}

h1 {
    font-size: 2.50rem;
}

h2 {
    color: #77aede;
    font-size: 2.4rem;
    line-height: 3.0rem;
}

h3 {
    font-size: 1.8rem;
}

h4 {
    font-size: 1.4rem;
    line-height: 2.0rem;
}

h5 {
    font-family: 'Robato', serif;
    font-size: 1.2rem;
    line-height: 2.0rem;
}

nav ul a {
    color: #fff !important;
}

#nav li, #nav a {
    border: none !important;
    overflow: hidden;
    color: #fff !important;
    font-size: 17px;
}

.card .card-action {
    padding: 15px;
    padding-bottom: 0px;
}

.card .card-content {
    padding: 15px;
}



.no-pad-left {
    padding-left: 0 !important;
}

.dropdown-content {
    background-color: rgba(250,250,250,1.0) !important;
}


    .dropdown-content li > a {
        color: #ddd;
        font-size: 1rem;
    }

        .dropdown-content li > a:hover {
            background-color: #ccc;
            color: #fff;
            font-size: 1rem;
        }

.side-nav {
    background-color: #ddd;
}

    .side-nav a {
        color: #ffffff !important;
        font-size: 1.0em;
        padding: 0px 10px !important;
        height: 60px;
    }

        .side-nav li:hover, .side-nav a:hover {
            background-color: #000;
        }

.page-footer {
    line-height: 1.8rem;
    background-color: #1e2169;
}

footer li {
    margin-bottom:10px;
}

footer a {
    color: #ccc;
}

    footer a:hover {
        text-decoration: underline;
        color: #fff;
    }

.collapsible-header.active {
    color: #ddd;
    box-shadow: rgba(0,0,0,5);
    transition-duration: .5s;
    transition: ease-in-out;
}

nav .brand-logo {
    margin-top: 10px;
}

.collapsible {
    border: none;
    box-shadow: none;
}

.collapsible-header {
    background-color: transparent;
    border: none;
}

.collapsible-body {
    background-color: transparent;
    sstext-indent: 50px;
    position: relative;
    left: 30px;
    border: none;
    background-color: rgba(0,0,0,0.1);
    padding: 20px;
}

.slider {
    height: 700px !important;
}

ul.slides {
    height: 700px !important;
}

.slides .caption a {
    font-size: 24px;
}

.slides h3, .slides h5 {
    text-shadow: 3px 3px 8px #000;
}

.sidenav {
    z-index: 1111;
    background-color: #001133;
}

    .sidenav li > a {
        color: #fff;
        font-size: 20px;
        font-weight: bold;
    }

        .sidenav li > a:hover {
            background-color: #5a9fba;
        }

    .sidenav .divider {
        background-color: #0a244b;
    }

.parallax-container {
    height: 300px !important;
}


.more-dd {
    display: none;
}

.more-item {
    display: block;
}

@media only screen and (min-width: 900px) and (max-width: 1200px) {
    .more-dd {
        display: block;
    }

    .more-item {
        display: none;
    }
}

@media only screen and (max-width: 1500px) {
    nav .brand-logo {
        width: 400px;
    }
}

@media only screen and (max-width: 1350px) {
    nav .brand-logo {
        width: 300px;
    }
}

@media only screen and (max-width: 1250px) {
    nav .brand-logo {
        width: 250px;
    }
}

@media only screen and (max-width: 1200px) {
    nav .brand-logo {
        width: 200px;
    }
}

@media only screen and (max-width: 700px) {
    nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
        height: 75px;
        line-height: 75px;
    }
}

@media only screen and (max-width: 600px) {
    nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
        height: 65px;
        line-height: 65px;
    }
}

@media only screen and (max-width: 500px) {
    nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
        height: 60px;
        line-height: 60px;
    }
}

@media only screen and (max-width: 400px) {
    nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
        height: 55px;
        line-height: 55px;
    }
}