@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700');
@accent-kleur:#d30f18;
@accent-kleur-donker:#8c0a10;
@kleur-2: #122158;
@kleur-2-donker: #0d1947;
@kleur-3: #f09e0d;

body {font-family: Maven Pro, sans-serif;font-size: 16px;}
.h1, .h2, .h3, h1, h2, h3 {margin-top: 0px;}
.achtergrond {background-color:#f0f5f9;}
.padding-rij {padding:100px 0px;}
.kop h3 {font-size: 48px;line-height: 42px;font-weight: 700;margin-top:0px;margin-bottom: 30px;}
.kop span {color:@accent-kleur;}
.hidden-xs {display: inherit!important;}
.afbeelding-rij-links .btn {margin-top:30px;}

.btn-primary {background-color: @accent-kleur;border-color: @accent-kleur-donker;color: #fff;padding: 16px 28px;font-size: 16px;
font-weight: 500;border-bottom: 3px solid;border-color:@accent-kleur-donker;}
.contact-formulier .btn {font-family: Maven Pro, sans-serif;padding: 16px 28px;font-size: 16px;font-weight: 500;border-bottom: 3px solid;background-color:#29292a;border-color:#000;}

.logo-rij {padding:20px 0px;}
.logo-rij img {max-height:50px;width:auto;}
.logo-rij a {float:left; margin-right:15px;color:#29292a;}
.contact {padding: 14px 0px;}
.slider-rij .call-to-action {padding: 160px 0px;}
.slider-rij .col-md-12 {width: 100%; background-color: rgba(0, 0, 0, 0.6);}
.slider-rij {text-shadow: 2px 2px 8px black;}
.slider-rij h3 {font-family: Maven Pro, sans-serif;font-size: 110px;line-height: 105px;font-weight: 700;color:#fff;margin-bottom: 40px;}
.slider-rij p {font-family: Maven Pro, sans-serif;color:#fff;font-size: 30px;font-weight: 700;letter-spacing: 10px;}
.slider-rij span {font-size: 20px;letter-spacing: 0px;color:#fff;}
.slider-rij .btn {text-shadow:none!important;margin-top:20px;}

.button-row {display:none;}

.feature-rij {padding: 100px 0px;text-align:center;}
.feature-rij  .fa {font-size: 40px;line-height: 30px;}
.feature-rij  h3 {font-size: 24px;line-height: 24px;}
.feature-rij .feature-box {box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.47);padding: 60px 40px;background:#fff;}
.feature-rij  .fb-text {min-height: 70px;}

.afbeelding-rij-links .container {width: 100%;}
.afbeelding-rij-links .tekstblok {max-width:70%;}
.afbeelding-rij-links.afbeelding1 .col-md-6:first-child {min-height: 660px; background-image: url(https://www.transportbedrijfinrotterdam.nl/lp/resources/images/transportbedrijfinrotterdam.nl/transport-koerier-rotterdam.jpeg);background-size: cover;    background-position: center;}
.afbeelding-rij-links.afbeelding2 .col-md-6:first-child {min-height: 700px; background-image: url(https://www.transportbedrijfinrotterdam.nl/lp/resources/images/transportbedrijfinrotterdam.nl/koeriersdiensten-rotterdam.jpeg);background-size: cover;    background-position: center;}
.afbeelding-rij-links .col-md-6:nth-child(2) {padding: 90px 30px 30px 50px;}

.call-to-action {padding: 50px 0px;}
.calltoaction-rij h3 {font-weight: 600!important;}
.cta-tekst {padding-bottom:20px;}
.call-to-action-innerlijk {background-color: transparent!important;}

.contact-formulier {padding:20px;background-color: #f0f6f9!important;border-width: 3px;border-style: solid;border-image: linear-gradient(to bottom, #29292a 0%, #d30f18 100%);border-image-slice: 1;}
.contact-formulier h3 {padding-bottom:10px;}
select, textarea, input {padding-left: 10px;}

.bottom-rij {background-color:@kleur-2;padding: 50px 0px;}
.adres {color:#fff;}
.adres-bedrijfsnaam {font-weight:600;}
.bottom-rij .contact a{color:#fff;}

.footer-rij {text-align:center; padding-top:15px; padding-bottom:15px;background: @kleur-2-donker;color:#fff;}

footer a {color:#fff;}


@media (max-width: 1300px){
.afbeelding-rij-links .tekstblok {max-width:100%;}
}

@media (max-width: 1100px){
.slider-rij h3 {font-size: 40px;line-height: 40px;font-size: 50px;line-height: 0px;}
.kop h3 {font-size: 44px;}
}

@media (max-width: 992px){
.logo-rij .col-sm-12 {width: 50%;}
.contact {padding: 3px 0px;}
.feature-rij .col-md-4 {margin-bottom:30px;}
.feature-rij .col-md-4:last-child {margin-bottom:0px;}
.afbeelding-rij-links .col-md-6:first-child {min-height: 500px!important;}
.afbeelding-rij-links .col-md-6:nth-child(2) {padding:80px 30px;}
.slider-rij h3 {font-size: 45px;line-height: 45px;}
.kop h3 {font-size: 44px;line-height: 42px;}
.slider-rij p {font-size: 24px;line-height: 26px;}
.tekstblok-padding-mobiel {padding-bottom:30px;}
.bottom-rij .col-sm-12 {width: 50%;}
}

@media (max-width: 767px){
.logo-rij .col-sm-12 {width: 100%;}
.logo-rij {padding: 20px 0px 15px;}
.contact {padding-top: 15px;}
}

@media (max-width:480px){
.padding-rij {padding: 80px 0px;}
.slider-rij h3 {font-size: 30px;line-height: 30px;margin-bottom: 20px;}
.slider-rij p {font-size: 15px;letter-spacing: 7px;}
.slider-rij span {font-size:18px;line-height: 18px;}
.slider-rij  .call-to-action {padding: 100px 0px;}
.kop h3 {font-size: 30px; line-height: 30px; margin-bottom:20px;}
.afbeelding-rij-links .col-md-6:first-child {min-height: 330px!important;}
.afbeelding-rij-links .col-md-6:nth-child(2) {padding: 80px 15px;}
.afbeelding-rij-links .tekstblok {margin-bottom: 0px;}
.bottom-rij .col-sm-12 {width: 100%;}
}