* {-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}

@@font-face {
    font-family: 'ClearSans';
    src: url('../fonts/clear-sans/ClearSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@@font-face {
    font-family: 'ClearSansBold';
    src: url('../fonts/clear-sans/ClearSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@@font-face {
    font-family: 'ClearSansBoldItalic';
    src: url('../fonts/clear-sans/ClearSans-BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@@font-face {
    font-family: 'ClearSansItalic';
    src: url('../fonts/clear-sans/ClearSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@@font-face {
    font-family: 'ClearSansLight';
    src: url('../fonts/clear-sans/ClearSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@@font-face {
    font-family: 'ClearSansMedium';
    src: url('../fonts/clear-sans/ClearSans-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@@font-face {
    font-family: 'ClearSansMediumItalic';
    src: url('../fonts/clear-sans/ClearSans-Mediumitalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@@font-face {
    font-family: 'ClearSansThin';
    src: url('../fonts/clear-sans/ClearSans-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Source Sans Pro', sans-serif;
}

.container-fluid {
    /*background: green;*/
    overflow: hidden;
}

.row * {
    /*background: hotpink;*/
    /*border: solid 1px red;*/
}

h1, h2, h3, h4, h5 {
    color: #001588;
    font-weight: bold;
    font-family: 'ClearSansMedium', sans-serif;
}

h1 {
    margin-top:20px;
}

.logo img{
    width:255px;
    height:100px;
}

.logo {
    padding: 15px 0;
}

.home-img {
    position: relative;
    height:640px;
    min-height:390px;
    overflow: hidden;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.home-img .img-box {
    height:100%;
    background: url("../img/sighisoara_romania_547831.jpg");
    background-size: cover;
    background-position: center center;
}

.home-img .jumbotron {
    position: absolute;
    width:50%;
    bottom: 0;
    background: none;
    text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
    padding-bottom: 0;
}

.home-img .jumbotron h1 {
    color: white;
    font-weight:bold;
    font-style: italic;
}

.container {
    position: relative;
    width:100%;
}

.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.header {
    min-height:128px;
    position: absolute;
    z-index: 999;
    width: 100%;
    background: rgba(255,255,255,0.5);
    padding: 0 20px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.navbar {
    height: 36px;
    background: none;
    padding: 0;
}

.nav-link {
    padding: 0.4em 1em;
}

.navbar li a {
    color: black!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
}

.navbar li a:hover {
    background: #001588;
    color: white !important;
}

.navbar-toggler {
    font-size: 1rem;
    border: none;
}

.navbar-toggler:hover {
    cursor: pointer;
    background: rgba(0,0,0,0.2);
}

.navbar-collapse {
    margin-top: 36px;
    background: rgba(255,255,255,0.5);
    border-radius: 0 0 4px 4px;
}

.nav-item a{
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.dropdown-menu {

    margin: 0 !important;
    border: none;
     border-radius: 0 !important;
    background: rgba(255,255,255,0.5);
}

.img-grid .img-box {
    width: 100%;
    height:200px;
    position: relative;
    overflow: hidden;
}

.img-grid img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
}

.img-box {
    background-repeat:no-repeat !important;
    background-size:cover !important;
    text-align: center;
}

.img-box.huizenbouw {
    background: url("../img/1381697_492438807521995_1777123350_n.jpg");
}

.img-box.voedselhulp {
    background: url("../img/560994_352168244882386_512370235_n.jpg");
}

.img-box.kleding_goederen {
    background: url("../img/laden-en-lossen-65.jpg");
}

.img-box.kampen {
    background: url("../img/kinderkamp.jpg");
}

.news .img-box {
    max-width: 170px;
    max-height:170px;
    position: relative;
    overflow: hidden;
}

.news .row {
    margin-bottom:20px;
}

.facebook {
    height: 500px;
    margin-top: 25px;
}

.fb_iframe_widget, .facebook iframe, .facebook .fb-page span {
    width:100% !important;
    height:100% !important;
}

.btn {
    background: rgb(117,145,172);
    background: -moz-linear-gradient(top, rgba(117,145,172,1) 0%, rgba(0,51,102,1) 100%);
    background: -webkit-linear-gradient(top, rgba(117,145,172,1) 0%,rgba(0,51,102,1) 100%);
    background: linear-gradient(to bottom, rgba(117,145,172,1) 0%,rgba(0,51,102,1) 100%);
}

.btn:hover {
    cursor: pointer;
    background: rgb(133,164,191);
    background: -moz-linear-gradient(top, rgba(133,164,191,1) 0%, rgba(0,63,127,1) 100%);
    background: -webkit-linear-gradient(top, rgba(133,164,191,1) 0%,rgba(0,63,127,1) 100%);
    background: linear-gradient(to bottom, rgba(133,164,191,1) 0%,rgba(0,63,127,1) 100%);
}

h4 {
    margin-top:20px;
}

footer{
    margin-top: 50px;
    min-height: 103px;
    background: #eeeeee;
    text-align: center;
}

footer .left-footer a {
    text-decoration: underline;
}

footer .left-footer a, footer .right-footer a{
    padding: 0 16px;
}

@media (min-width: 1200px) {
    .container {
        width: 1280px;
        max-width: 100%;
    }
}

@media only screen and (min-width: 992px) {
    .navbar-collapse {
        margin-top: initial;
        background: none;
    }
}