﻿body {
    display: flex;
    min-height: 100vh;
    flex-direction:column-reverse;
    font-size: 19px;
}

main {
    flex: 1 0 auto;
    min-height: 500px;
}

a {
    color:#3620aa;
}

.icon-block {
    padding: 0 15px;
}

nav .brand-logo {
    font-size: 20px;
}

.icon-block .material-icons {
    font-size: inherit;
}

.btn {
    background-color: #097656;
}

    .btn:hover {
        background-color: #119b72;
    }


.dropdown-content li > a {
    background-color: #555;
    color: #fff;
    font-size: 1rem;
}

    .dropdown-content li > a:hover {
        background-color: #aaa;
        color: #000;
        font-size: 1rem;
    }

.promo-caption {
    text-align: center;
    font-size: 24px;
}

.call-icon {
    font-size: 50px;
    position: relative;
    top: 20px;
}

.side-nav {
    background-color: #252a6a;
}

    .side-nav a {
        color: #ffffff;
        font-size: 1.0em;
        padding: 0px !important;
        height: 60px;
    }

        .side-nav li:hover, .side-nav a:hover {
            background-color: #077617;
        }

.tabs .tab a {
    background-color: #eee;
    color: black;
    border: solid 1px #ddd;
}

    .tabs .tab a:hover {
        background-color: #f3f3f3;
        color: black;
    }

.tabs .tab .active {
    background-color: #f7f7f7;
}

.tabs .indicator {
    height: 3px;
    background-color: #000;
}

.card-action {
    color: #eee;
}

.page-footer {
    margin-top: 0px !important;
}

.footer-copyright {
    color: #777 !important;
    font-size:0.9rem;
}

.footer-copyright a {
    color: #777 !important;
}

.footer-copyright a:hover {
    color: #aaa !important;
}

.btn-margin-15 {
    margin-top:15px !important;
    margin-bottom:15px !important;
}

h1 {
    font-size:36px;
}
h2 {
    font-size:30px;
}
h3 {
    font-size:24px;
}

.sub-header {
    text-align:center;
    font-style:italic;
    font-weight:bold;
    margin-bottom:30px;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating) {
    color:#0099ee;
}

.card .card-action a:hover {
    color:#0077aa !important;
}

.card .card-action a:hover { /*:not(.btn):not(.btn-large):not(.btn-floating) {*/
    color:#00aaff;
}

ul.bulleted li {
    list-style-position:inside;
    list-style-type:square !important;
}

@media only screen and (min-width:992px)  and (max-width:1400px) {
    .container {
        width:90%;
    } 
}

@media only screen and (min-width:1400px) and (max-width:1800px) {
    .container {
        width: 80%;
    }
}