:root {
    --text-color: #a3b1bd;
    --accent-color: #1975ff;
    --background-darker: #181818;
}

#logo a>img {
    display: block !important;
    padding: 5px;
}

body.dark {
    color: var(--text-color);
    background-color: #1e2022;
}

body.dark section {
    background-color: transparent;
    color: inherit;
}

body.dark p {
    color: var(--text-color);
}

body.dark .icon-box.border .icon i {
    color: var(--text-color);
}

body.dark .icon-box.border .icon {
    border: 3px solid var(--text-color);
}

body.dark .icon-box .icon i:after {
    box-shadow: 0 0 0 3px var(--text-color);
}

body.dark .icon-box.border:hover > .icon {
    border: 0;
}

body.dark .heading-text.heading-section h2:before {
    background-color: var(--accent-color);
}

.icon-box h3, .icon-box h5 {
    font-size: 20px;
    text-transform: uppercase;
}

body.dark form label {
    color: var(--text-color);
}

.dark #footer .copyright-content,
#footer.inverted .copyright-content,
#footer.dark .copyright-content {
    background-color: #181818;
}

body.dark .background-darker {
    background-color: var(--background-darker);
}

.icon-box {
    padding: 0;
    text-align: center;
}

.icon-box .icon {
    margin: 0 auto 22px;
    position: relative;
}

@media (max-width: 768px) {
    .icon-box .icon {
        position: absolute;
        text-align: left;
        margin: 0 1.5rem 0 0;
    }
}