body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Raleway", sans-serif
}

body,
html {
    height: 100%;
    line-height: 1.8
}

.w3-bar .w3-button {
    padding: 16px
}

.dcd-orange-muted,
.dcd-hover-orange-muted:hover {
    color: #fff !important;
    background-color: #da870b !important
}

.dcd-hover-bluebg:hover {
    color: #48def0 !important;
    background-color: #001436 !important
}

.dcd-color-blue {
    color: #05002c
}

.dcd-bgcolor-blue {
    background-color: #05002c
}

.dcd-color-face {
    color: #0d688a
}

.dcd-bgcolor-face {
    background-color: #0d688a
}

.dcd-color-line {
    color: #38cee0
}

.dcd-bgcolor-line {
    background-color: #38cee0
}

.dcd-color-riser {
    color: #123456
}

.dcd-bgcolor-riser {
    background-color: #123456
}

span.dcd-opacitywhiteonblack {
    background-color: #000;
    opacity: .8;
    filter: alpha(opacity=80);
}

div.dcd-opacitywhiteonblack {
    background-color: #000;
    opacity: .8;
    filter: alpha(opacity=80);
}

div.dcd-opacitywhiteonblack p {
    color: #fff
}

span.dcd-borderbutton {
    border-radius: 8px;
    border: 3px solid #f90;
    padding: 10px;
    opacity: .8
}

.dcd-sidebar {
    right: 0;
    height: 100%;
    width: 200px;
    background-color: #fff;
    position: fixed !important;
    z-index: 1;
    overflow: auto
}

.dcd-sidebar {
    position: relative;
    animation: animateright .4s
}

@keyframes animateright {
    from {
        right: -300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

.dcd-logo-overhands {
    position: absolute;
    bottom: 130px
}

.dcd-page-section {
    padding: 96px 50px 50px;
}

.dcd-page-header {
    padding: 128px 50px 50px;
    color: white;
}

.dcd-row-padding {
    padding: 0 35em;
}

.dcd-home-section {
    padding: 96px 50px
}