/* Color Palette from Adobe Color */
/* #45BF41 */
/* #F2D22E */
/* #F2B263 */
/* #F2DCC9 */
/* #0D0D0D */


html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;

    /* background-color: #1D976C; */

    background: #355C7D;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #C06C84, #6C5B7B, #355C7D);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #C06C84, #6C5B7B, #355C7D);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px;
    /* Vertically center the text there */
    background-color: #f5f5f5;
}

h1,
h2,
h3,
h4,
.fab {
    color: #355C7D;
}

p {
    color: #355C7D;
    font-weight: 500;
    font-size: 1.1rem;
}

.fab {
    font-size: 1.5rem;
}

p .fab {
    color:darkgoldenrod;
    font-size: 2.5rem;
}


/* Change size of Bootstrap badge
.badge {
    font-size: 1.125rem;
} */

/* Hero Image */
#hero-image {
    max-height: 40vh;
}




/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body>.container {
    padding: 60px 15px 0px;
    /* border: solid; */
}

.footer>.container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}

.row>div {
    margin-bottom: 15px;
}

.content {
    min-height: 300px;
    background: #dbdfe5;
}

.content.bg-alt {
    background: #b4bac0;
}

.sidebar-top {
    min-height: 140px;
    background: #dbdfe7;
}

.sidebar-bottom {
    min-height: 145px;
    background: #7e8aa0;
    margin-bottom: -15px;
}

.sidebar,
.content {
    min-height: 300px;
}

.content-top {
    min-height: 160px;
    background: #b4bac0;
}

.content-bottom {
    min-height: 125px;
    background: #7e8aa0;
    margin-bottom: -15px;
}

.content-bottom.bg-alt {
    background: #9ca5b6;
}

@media (max-width: 991px) {
    .content-bottom {
        margin-bottom: 15px;
    }

    .content-bottom.bg-alt {
        margin-bottom: -15px;
    }
}

.intro {
    /* background: #7e8aa0; */
    min-height: 250px;
}

.section {
    min-height: 150px;
    /* background: #dbdfe5; */
}

.navbar .navbar-brand {
    color: darkgoldenrod;
}