.top-container {
    display: flex;
    flex-wrap: wrap;
}

header {
    position: relative;
    background-color: white;
    box-shadow: 0px 0px 3px 2px rgba(0,0,0,.2);
    padding: 10px;
    z-index: 100;
    flex-grow: 1;
}

header .header-info {
    text-align: right;
    align-self: center;
}

header .header-info p {
    margin-bottom: 0px;
}

header .header-info a {
	color: black;
}

.navbar {
    background-color: #00556E;
    padding: 0px;
    font-size: .8em;
    flex-grow: 1;
}

.navbar a {
    color: white;
}

.navbar .dropdown-menu a {
    color: black;
}

.navbar .dropdown-menu {
    font-size: 1em;
}

.navbar li.nav-item {
    padding: 10px;
}

.navbar li.nav-item:hover {
    background-color: rgba(0,0,0,0.4);
}

.dropdown-item.active, .dropdown-item:active {
    background-color: rgba(0,0,0,.1);
}

.carousel-controls {
    font-size: 3em;
}

.promotion-container p.promotion {
    color: #7C5910;
    font-weight: bold;
}

.promotion-container p.promotion:hover {
    color: #08416D;
    transform: scale(1.1);
    cursor: default;
}

h1, h2, h3, h4, h5, h6 {
    color: #00556E;
}

footer {
    background-color: #00556E;
    padding: 13px;
    color: white;
    box-shadow: inset 5px 10px 3px -7px rgba(0,0,0,.2);
    font-size: .85em;
}

.page-container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.page-container h1 {
    font-size: 1.75em;
    color: #E67D21;
}

.dropdown-menu {
    margin-top: -1px;
}

.highlight {
    color: #e5a521;
}

.about-us-container .doctor-image img {
    margin-right: 10px;
}

.sticky-image {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.sticky-image-right {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

.card {
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,.05);
}

.card.border-0 {
    box-shadow: none;
}

.bg-teal {
    background-color: #00556E;
}

.bg-teal .card-header {
    background-color: #003241;
}

.btn-orange {
    background-color: #e28325;
    color: white;
}

.btn-orange:hover {
    color: white;
    background-color: #da6c00;
}

.btn-icon strong {
    display: inline-block;
    vertical-align: top;
}

.btn-icon svg {
    display: inline-block;
    margin-top: 4px;
    margin-left: 10px;
}

footer a, footer a:hover, footer a:active, footer a:focus {
    color: #93efff;
}

footer .built-by {
    text-align: right;
}

@media (max-width: 991px) {

    .top-container {
        flex-direction: column-reverse;
    }

    .navbar {
        padding: 10px;
        font-size: 1em;
    }

    .navbar-toggler {
        border: solid rgba(255,255,255,.85) 1px;
        color: rgba(255,255,255,.85);
        outline: none !important;
    }

    header .header-info {
        padding-top: 10px;
        text-align: center;
        font-size: .8em;
    }

    .carousel-controls {
        font-size: 2em;
    }

    .home-info-container h3 {
        text-align: center;
        margin: 10px 0px;
    }

    .dropdown-menu {
        margin-top: 0.125rem;
    }

    .about-us-container .doctor-image img {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .about-us-container .doctor-image {
        text-align: center;
    }

    .sticky-image, .sticky-image-right {
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: block;
    }

    footer, footer .built-by {
        text-align: center;
    }
	
	header .header-info .phone {
		display: block;
	}
}
