body {
    padding-top: 58px;
}

html {
    scroll-behavior: smooth;
}

.starter-template {
    padding: 3rem 1.5rem;
    text-align: center;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

#nav-contact:hover {
    border-color: rgba(105, 194, 139, .9) !important;
}

.eel-card-icon {
    min-height: 12em;
}

.fa-10 {
    font-size: 10em !important;
}

.fa-9 {
    font-size: 9em !important;
}

.fa-8 {
    font-size: 8em !important;
}

.fa-7 {
    font-size: 7em !important;
}

.fa-6 {
    font-size: 6em !important;
}

.fa-5 {
    font-size: 5em !important;
}

.fa-4 {
    font-size: 4em !important;
}

html,
body {
    height: 100%;
}

#page-content {
    flex: 1 0 auto;
}

#sticky-footer {
    flex-shrink: none;
}

nav {
    transition: transform 0.4s;
}

.scroll-up:not(.menu-open) nav,
.scroll-down:not(.menu-open) nav {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
}