h1, h2, h3, h4{
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}
h2{
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 20px; 
}
.page-header{
    margin-top: 10px;
}
.top-padding{
    padding-top: 15px;
}
.carousel-inner > .item > img {
    margin: 0 auto;
}
#fixed-footer{
    height:65px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #f8f8f8;
    border-top: #e7e7e7 1px solid;
}

.type-primary .modal-header {
background-color: #428bca;
}
.modal-header {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

.main-splash-container{
    max-width: 500px !important;
}
.container{
    margin-top: 15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-left: 5px;
padding-right: 5px;
}
header{
    margin-bottom: 40px;
}
.splash-block{
    float: none;
}

#logo img{
    max-height: 100px;
    max-width: 100%;
}
.grepple{
    z-index: 1000;
}
.dropple{
    width: 40px;
    height: 40px;
}
#tijd-tag{
    width: 40px;
    height: 40px;
    padding: 10px 0 0 0;
    text-align: center;
}

.list-group-item {
    padding: 8px 10px;
}
.top-buffer { margin-top:20px; }

#score-tag{
    font-size: 18px;
    padding: 6px 12px;

}
@media (min-width: 768px){
    .container {
        width: 100%;
    }    
}
@media (min-width: 992px){
    .container {
        width: 100%;
    }
}
@media (min-width: 1200px){
    .container {
    width: 1170px;
    }
}

/* Zegswijzen */
#zegswijzeOpgave li:hover{
    background-color: #eee;
}
/* #5cb85c success */
.z-option{
    font-size: 22px;
    line-height: 22px;
    
}
.z-option i{
    color: #428bca;
}

.navbar-text{
    margin: 12px;
}
.navbar-text h3{
    margin: 0;
}
.game-elements{
    margin: 5px;
}
.game-answer{
    white-space:nowrap;
}

@media (max-width: 1200px){
    h3 {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .bronWoorden li{
        width: 100%;
        padding-top: 5px; 
        text-align: left;
    }
    h3{
        font-size: 18px;
    }
    .dropple{
        width: 30px;
        height: 30px;
    }
    .list-group-item {
        padding: 4px 3px;
    }
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, 
    .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
        padding-left: 2px;
        padding-right: 2px;
    }

}

body { padding-top: 70px; }
.seperate-words{margin-bottom: 5px; }
li{list-style: none;}

@media (max-width: 992px) and (min-width: 768px) { 
    body {
        padding-top: 90px;
    }
    
}