body {
    width: 80%;
    margin: auto;
}

/* make footer sticky */

html { height: 100%; }
body { height: 100%; }
/* div[role=main] { height: 80%; } */
.footer { margin-top: unset; display: flow-root; }

.navbar-default {
    background-color: inherit;
    border-color: #000000;
}

@media (min-width: 768px)  {
    .navbar {
        border-radius: 0px 0px 4px 4px;
    }
}

.navbar {
    border-radius: 0px 0px 4px 4px;
    border-top: 0px;
}

paragraph .row:after {
    content: "";
    display: block;
    margin: 30px auto;
    width: 50%;
    padding-top: 30px;
    border-bottom: 1px solid black;
}

.paragraph.row {
    width: 80%;
    margin: auto;
}

.banner {
    background: lightgray;
    margin: 30px 0px 30px 0px;
}

.one-colom {
    background: lightgray;
    margin: 30px 0px 30px 0px;
    padding: 20px 0px 20px 0px;
}

.contentcolom {
    background: #ffffffc4;
    display: flow-root;
    padding: 10px;
    margin-bottom: 10px;
}
.rowdesign {
    background: #d3d3d3;
    margin-bottom: 16px;
}