@charset "UTF-8";
*::before,
*::after {
    box-sizing: border-box;
}
html, body {
    height: 100%;
}
body {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    font-weight: 800;
    font-weight: 500;
    background-color: #000000;
    color: #fff;
}
@media only screen and (min-width: 768px) {
    body {
        font-size: 30px;
        line-height: 46px;
    }
}
p {
    margin-bottom: 30px;
}
a {
    color: #fff;
    text-decoration: none;
}
a:hover {
    color: #f9cb02;
    text-decoration:line-through;
    text-decoration: underline;
}
/* FOTOOS */
img.logo {
    position: relative;
    width: 70%;
    display: inline-block;
    margin-bottom: 30px;
}
.container-bandfotoos {
    margin-bottom: 100px;
}
.container-bandfotoos img {
    display: inline-block;
    margin: 6px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: -moz-calc(50% - 20px); /* Firefox */
    width: calc(50% - 20px); /* Standard */
}
.container-txt {
    padding: 30px 0 60px 0;
}
@media only screen and (min-width: 1024px) {
    .container-bandfotoos img {
        width: -moz-calc(33.3333% - 20px); /* Firefox */
        width: calc(33.3333% - 20px); /* Standard */
    }
}
p.link-fotograaf {
    font-size: 12px;
    //text-align: right;
    color: #666;
    font-weight: 500;
}
/* video iframe */
.video-container {
    width: 100%;
    margin:0px auto;
    margin-top: 30px;
    margin-bottom: 40px;
    max-width: 560px;
}
iframe {
    max-width: 100%;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
/* SOCIAL */
.icons-social-container {
    text-align: center;
    position: relative;
    padding-bottom: 150px;
}
.icon-social {
    font-size: 30px;
    margin-right: 6px;
    margin-left: 6px;
    text-align: center;
    line-height: 53px;
    display: inline-block;
}
.icon-social a {
    color: #fff;
    text-decoration: none;
    display: block;
    height: 45px;
    width: 45px;
    -moz-transition: background-color 0.3s ease-in-out;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -ms-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
    background-color: #f9cb02;
    background-color: #000000;
    border-radius: 50%;
}
.icon-social a:hover {
    background-color: #fff;
    text-decoration: none;
}
/* KLEUREN */
.bg-geel {
    background-color: #f9cb02;
}
.txt-geel {
    color: #f9cb02;
}
/* BASICS */
.clear-left {clear: left}
.clear-right {clear: right}
.clear-both {clear: both}

.float-left{ float:left}
.float-right{ float:right}
.float-none{ float:none}

.txt-align-left { text-align:left}
.txt-align-right { text-align:right}
.txt-align-center { text-align:center}

em {font-style: italic}
strong {font-weight: bold}

.inline-block {display:inline-block}