.whov:hover {
    background-color: #00695c !important;
}

.view {
    background-position: center center;
    background-repeat: no-repeat;
    height: 800px;
}

.secondbase {
    background-color: rgba(255,255,255,.6);
    margin-top: -90px;
}

.container-fluid{
    margin-top:41px;
}
header{
}
#navbarSupportedContent {
}
.default-color-dark{
    color:aliceblue !important;
}

body, html {
    height: 100%;
    padding-top:0px;

}

@media (min-width: 768px) {
    aside {
        height: 100%;
    }
}

/*
 * off Canvas sidebar
 * --------------------------------------------------
 */
@media screen and (max-width: 768px) {
    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        width: calc(100% + 220px);
    }

    .row-offcanvas-left {
        left: -220px;
    }

        .row-offcanvas-left.active {
            left: 0;
        }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
    }
}

.whov:hover {
    background-color: #00695c !important;
}

.view {
    background-position: center center;
    background-repeat: no-repeat;
    height: 500px;
}

.secondbase {
    background-color: rgba(255,255,255,.6);
    margin-top: -90px;
}

.bg-header {
    background-color: #FFFFFF !important;
}