:root {
    --buitensporigpri: #ADCE71;
    --buitensporigsec: #163354;
}

.prikleur {
    color: var(--buitensporigpri);
}

.seckleur {
    color: var(--buitensporigsec);
}

@font-face {
    font-family: "Franklin";
    src: url("/fonts/Franklin.ttf");
}

body {
    font-family: 'Franklin', 'Arial Narrow', Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
    color: var(--buitensporigsec);
    font-weight: 700;
}

h2 {
    font-size: 2.5rem;
}

p {
    font-size: 20px;
    font-weight: 100;
    color: var(--buitensporigsec);
}

.c1 {
    background-color: var(--buitensporigpri);
}

.c2 {
    background-color: white;
}

.c3 {
    background-color: var(--buitensporigsec);
}

.rounded {
    border-radius: 1rem !important;
}

.topsection {
    margin-top: 100px !important;
}

a {
    color: var(--buitensporigpri);
    text-decoration: none;
}

.img-right {
    padding-left: 100px;
}

.img-left {
    padding-right: 100px;
}

a:hover {
    color: var(--buitensporigsec);
}

.nav-item a {
    color: white;
}

.nav-item a:hover {
    color: var(--buitensporigpri);
}

.navbar-brand {
    font-size: 30px;
    color: var(--buitensporigpri);
}

.navbar-brand:hover {
    font-size: 30px;
    color: var(--buitensporigpri);
}

.badge {
    background-color: var(--buitensporigpri);
}

.nav-link {
    color: var(--buitensporigpri);
    text-decoration: none;
}

.nav-link:hover {
    color: var(--buitensporigsec);
    text-decoration: none;
}

.btn {
    background-color: var(--buitensporigsec);
    color: white;
    font-size: 1.5rem;
}

.btn-c1 {
    background-color: var(--buitensporigsec);
    color: var(--buitensporigpri);
    font-size: 1.5rem;
}

.btn-c1:hover {
    background-color: var(--buitensporigpri) !important;
    border: solid 1px var(--buitensporigsec) !important;
    color: var(--buitensporigsec)!important;
    font-size: 1.5rem;
}

.btn-c3 {
    background-color: white;
    color: var(--buitensporigsec);
    font-size: 1.5rem;
}

.btn-c3:hover {
    background-color: var(--buitensporigsec) !important;
    border: solid 1px white !important;
    color: white!important;
    font-size: 1.5rem;
}

.btn:hover {
    background-color: var(--buitensporigpri);
    color: white;
}

nav {
    background-color: var(--buitensporigsec);
    height: 100px
}

.footerpaddol {
    position: absolute;
    left: 20;
    bottom: 0;
}

.active {
    color: var(--buitensporigpri) !important;
}

.offcanvas {
    background-color: var(--buitensporigsec);
}

.offcanvas li {
    font-size: 30px;
}

.right-col {
    padding-left: 100px
}

@media only screen and (max-width: 991px) {
    .right-col {
        padding-left: 0px
    }
}