/* base */
body {
    overflow-y: scroll;
    background-color: #e9ecef;
    color: rgba(0, 0, 0, 0.88);
}

a {
    color: #06a17e;
    text-decoration: none;
}

.iconpark-icon {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    line-height: 1;
}

/* .navbar */
.navbar {
}
.navbar-brand {
    text-shadow: 0 0 3px black;
}
.navbar-brand .iconpark-icon {
    width: 30px;
    height: 30px;
    margin-right: 8px;
    position: relative;
    top: -2px;
}


/* .callout-content */
.callout-content {
    padding-top:10px;
    padding-bottom: 10px;

}
.callout-content .callout {
    color: #212529bf;
    background-color: rgb(247, 248, 251);
    padding: 10px;
    border-radius: 4px;
    border-left: 6px solid #06a17e;
    margin-bottom: 15px;
}
.callout-content .callout h3 {
    padding-left: 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.75;
}

.callout-content .callout h4 {
    padding-left: 10px;
    font-size: 18px;
    font-weight: bold;
}

.callout-content .callout p {
    padding-left: 10px;
    margin-bottom: 0;
}


/* footer */

footer .row{
    padding: 40px 0;
}