@media (max-width: 768px){
  .content {
	padding: 40% 0 0;
	}
}

@media (max-width: 603px){
#tf-menu.navbar-default {
	background-color: rgba(0, 0, 0, 0.79);
	}
#tf-works li.pull-right, #tf-works li.pull-left {
    margin-top: 10px;
    float: none !important;
    text-align: center;
    display: block;
}
label{
    float: left !important
}
.pull-left.fnav,
.pull-right.fnav {
    float: none !important;
    text-align: center;
}

.hover-bg .hover-text {
    padding: 12% 10%;
}

#tf-home { 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    }

#tf-home p.lead {
    max-width: 100%;
    margin: 10px;
    }

    h1 { font-size: 22px; }

    a.fa.fa-angle-down { margin-top: 22px; }

    #tf-about { padding: 40px 0; }

    #tf-team .overlay { padding: 40px 0; }

#tf-team { 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    }

    .section-title.center { padding: 0px 0; }

    #tf-services { padding: 40px 0; } 

    h2 { font-size: 22px; }

    #tf-aanbod .overlay { padding: 40px 0; }

#tf-aanbod {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;

    }

    .small-height-knm { height: 58px !important; }
    .small-height-knm-2 { height: auto !important; }

    .aanbod li { height: auto !important; }

    .small-height-verschil { height: auto !important; }
    .small-height-verschil-2 { height: auto !important; }

#tf-contact h2 { font-size: 22px; }
#tf-contact { padding: 40px 0px 30px; }
}
@media (max-width: 360px){
.hover-bg .hover-text {
    padding: 22% 10%;
    }

    #tf-menu {
    padding: 3px;
    }

    h1 { font-size: 16px; }

    .content { padding: 26% 0 0; }

    #tf-home p.lead { max-width: 100%; margin: 13px; }

    a.fa.fa-angle-down { margin-top: 35px; }

    #tf-about { padding: 40px 0; }

    p.intro { margin: 0px; }

    #tf-team .overlay { padding: 35px 0; }

    .section-title.center { padding: 0px 0; }

    #tf-services { padding: 40px 0; }

    h2 { font-size: 24px; line-height: 26px; }

    .faq .panel-default > .panel-heading .accordion-toggle { font-size: 12px; }

    #tf-aanbod .overlay { padding: 35px 0; }

    .small-height-knm { height: 58px !important; }
    .small-height-knm-2 { height: auto !important; }

    .aanbod li { height: auto !important; }

    .small-height-verschil { height: auto !important; }
    .small-height-verschil-2 { height: auto !important; }

    .aanbod h3 { font-size: 15px; }

    #tf-contact h2 { font-size: 22px; }
    #tf-contact { padding: 40px 0px 30px; }

    label {
    float: left !important
}
}