/*!
 * Start Bootstrap - Creative v5.0.2 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */

body,
html {
    width: 100%;
    height: 100%
}

body {
    font-family: system-ui, Arial, sans-serif;
	font-size: 1.1rem;
}

a {
    color: #3949ab;
}

a:hover {
    color: #3949ab;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-decoration: underline;
}

div.menu_topper_active {height: 20px; background: #013D7D; margin-bottom: 5px;}
div.menu_topper {height: 20px; background: #767676; margin-bottom: 5px;}

.navbar-light .navbar-nav .nav-link {
    color: #666;
}

.special-dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

header.masthead,
header.subhead {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 56px);
    background-image: url("../images/Home_ Image 1.jpg");
    background-position: center center;
    background-size: cover;
	background-color: #423a37;
}

header.subhead {
    padding-top: 5rem !important;
    padding-bottom: calc(5rem - 56px) !important;
}

header.masthead hr,
header.subhead hr {
    margin-top: 30px;
    margin-bottom: 30px
}

header.masthead h1,
header.subhead h1 {
    font-size: 2rem
}

header.masthead p,
header.subhead p {
    font-weight: 300
}

@media (min-width:768px) {
    header.masthead p {
        font-size: 1.15rem
    }
}

@media (min-width:992px) {
    header.masthead {
        -webkit-flex-direction: column; /* add */
        -ms-flex-direction: column; /* add */
        flex-direction: column; /* add */
        height: 60vh;
        min-height: 250px;
        padding-top: 0;
        padding-bottom: 0
    }
    header.masthead h1 {
        font-size: 2rem
    }
}

@media (min-width:1200px) {
    header.masthead h1 {
        font-size: 2rem
    }
}
