body {
    height: 100%;
    padding-bottom: 284px;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, serif;
}

html {
    margin: 0;
    height: 100%;
}

.top
{
    margin-top: 20px;
}

.top-bar, .top-bar ul
{
    /*height: 80px;*/
    background-color: transparent !important;
}

.top-bar
{
    border-bottom: darkgray solid 1px;
}

.top-bar h1
{
    font-family: "Brush Script MT", serif ;
    margin-top: 10px;
    font-size: 2em;
    font-weight: bolder;
}

.top-bar h1 a
{
    color: #0a0a0a;
}


.menu-text
{
    padding: 0 !important;
    margin-top: 20px;
    font-size: 1em;
}

/*construction*/


.hero-section {
    margin: auto;
    background: url("../images/Background.jpg") center no-repeat ;
    background-size: cover;
    height: 80vh;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hero-section .hero-section-text {
    color: #fefefe;
    text-shadow: 1px 1px 2px #0a0a0a;
}

/*---------------------------------------------Footer-----------------------------------------*/




.marketing-site-footer {
    border-top: gray solid 1px;
    color: #8aa0ae;
    padding: 2rem 2rem 0;
}

.marketing-site-footer a {
    color: #8aa0ae;
}

.marketing-site-footer .marketing-site-footer-menu-social a {
    color: #fefefe;
}

.marketing-site-footer .column-block {
    margin-bottom: 30px;
}

.marketing-site-footer > .row {
    margin-bottom: 1rem;
}

@media screen and (max-width: 39.9375em) {
    .marketing-site-footer .columns {
        margin-bottom: 2rem;
    }
}

.marketing-site-footer-name {
    color: black;
    margin-bottom: 1rem;
    font-size: 2rem;
}

.marketing-site-footer-title {
    color: black;
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.marketing-site-footer-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
}

.marketing-site-footer-block .fa {
    font-size: 2rem;
    color: #020304;
}

.marketing-site-footer-block p {
    margin-left: 1rem;
    line-height: 1.125rem;
}

.marketing-site-footer-bottom {
    background: #020304;
    padding: 1rem 0;
}

.marketing-site-footer-bottom p,
.marketing-site-footer-bottom .menu {
    margin-bottom: 0;
}

.marketing-site-footer-bottom .marketing-site-footer-bottom-links {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.marketing-site-footer-bottom .marketing-site-footer-bottom-links a {
    color: #8aa0ae;
}

@media screen and (max-width: 63.9375em) {
    .marketing-site-footer-bottom .marketing-site-footer-bottom-links {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 63.9375em) {
    .marketing-site-footer-bottom {
        text-align: center;
    }
}

/*********************************galerij**********************************/

.galerij {
    padding-top: 25px;
    max-width: 1400px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.galerij .cell {
    margin-bottom: 10px;
    width: auto !important;
}


/* Base resets */
html {
    font-size: 16px;
}

body {
    font-size: 100%;
}

/* Override for Foundation reveal overlay */
.reveal-overlay {
    overflow: auto;
}

/* Override for Foundation reveal (modal) */
/*.gallery-reveal {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    min-height: 1px;*/
/*    height: auto;*/
/*    border: 0;*/
/*    box-shadow: 0 remy(2px) remy(4px) rgba(0, 0, 0, .5);*/
/*    transform: translate(-50%, -50%);*/
/*}*/

/* Custom styles for author */
.modal-author {
    margin-bottom: 0.5rem ;
    font-size: 2rem;
    width: 100%;
}

.close-button {
    transition: color .25s cubic-bezier(.4, 0, 1, 1);
}

.galerij img, .galerij video {
    float: left;
    overflow: hidden;
    object-fit: cover;
    width: 250px;
    height: 180px;
}