@charset "UTF-8";
/* CSS Document */

/* Custom css below this line */


body {
    background-color: #27496a;
    color: inherit;
}

/* Links */
a:hover {
    text-decoration: none;
    color: #929292;
}
.color-highlight {
    color: #27496a;
}
.navbar-toggler-icon {
    height: auto;
}
.navbar-toggler {
    padding: 0.25rem 0;
}
.readmore {
    text-decoration: underline;
}

/* Titles & Fonts */
body {
    font-family: 'Montserrat', sans-serif;
}
.font-one {
    font-weight: 700;
}

/* One */
.bg-one {
    background-color: #27496a;
    color: #ffffff;
}
.btn-one {
    background-color: #27496a;
    color: #ffffff;
}
.btn-one:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}

/* Two */
.bg-two {
    background-color: rgba(0,0,0,0.2);
    color: #ffffff;
}
.btn-two {
    background-color: #222222;
    color: #ffffff;
}
.btn-two:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}

/* Backgrounds */
.bg-placeholder {
    background-image: url('../../images/img-dark.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    min-height: 650px;
}
.bg-header {
    background-image: url('../../images/img-header.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    color: #ffffff;
    min-height: 750px;
}
.header-homepage {
    background-image: url('../../images/img-header.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    color: #ffffff;
    min-height: 750px;
}

/* Custom Color Backrgound */
.bg-custom {
    background-image: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,0.5) 100%);
    color: #ffffff;
}

/* Hero section */
.section-hero {
    padding-top: 50px;
}

/* Images */
.img-gray {
    filter: brightness(75%);
}
.overlay-blue {
    background-color: transparent;
    color: #ffffff;
}
.overlay-blue:hover {
    background-color: rgba(39,73,106,0.7);
}
.overlay-blue p {
    display: none;
}
.overlay-blue:hover p {
    display: block;
    transition: 1s ease;
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .box-stack {
        border-right: #111111 1px solid;
    }
    .section-hero {
        padding-top: 200px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}