html,
body {
    height: 100%;
}

body {
    /*
     * Required padding for .navbar-fixed-top.
     * Remove if using .navbar-static-top.
     * Change if height of navigation changes.
     */
    padding-top: 50px;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Pricing Page Styles */
.price {
    display: block;
    font-size: 30px;
    line-height: 30px;
}
/* pricing superscript */
.price sup {
    top: -9px;
    font-size: 20px;
}
.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */
footer {
    margin: 50px 0;
}

/* formatting for logo in navigation bar */
.gardeLogo {
    height: 50px;
}

/* personal picture in About > Our Team */
.ourTeamImage {
    width: 200px;
}

/*
 * Custom navbar color scheme generated by:
 * http://bootstrap3-menu.codedorigin.com/
 * Background Colors
 *     Nav Background 7597FC
 *     Link Hover 7597FC
 *     Active Link 88BEFC
 *     Dropdown 7597FC
 *     Dropdown Active Link 88BEFC
 * Border Color
 *     Nav Border 7597FC
 * Text Colors
 *     Branding FFFFFF
 *     Branding Hover 12034F
 *     Nav Link FFFFFF
 *     Nav Link Hover 12034F
 *     Active Link 12034F
 *     Active Link Hover 12034F
 *     Dropdown Link FFFFFF
 *     Dropdown Link Hover 12034F
 *     Dropdown Caret FFFFFF
 *     Dropdown Caret Active 12034F
 */
.navbar-inverse { background-color: #7597FC}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #7597FC}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #88BEFC}
.dropdown-menu { background-color: #7597FC}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #88BEFC}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #7597FC}
.navbar-inverse .navbar-brand { color: #FFFFFF}
.navbar-inverse .navbar-brand:hover { color: #12034F}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #12034F}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #12034F}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #12034F}
.dropdown-menu>li>a { color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #12034F}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #12034F}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #12034F}

/* Responsive Styles */

@media (min-width:992px) {
    .newsDate {
        margin-top: 15%;
    }
}

@media (max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
    .newsDate {
        margin-top: 0%;
    }
}

@media (max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }
    .newsDate {
        margin-top: 0%;
    }
}