@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
body {
    font-family: 'Open Sans', sans-serif;
    font-size:16pt;
    background-color:#f2f2f2
}
.navbar {
    background-color:#177BA8;
    margin-bottom:0;
    border:0
}
.navbar-default .navbar-nav > li > a {
    color:#fff;
    font-size:0.7em;
    text-transform:uppercase
}
.navbar-brand img { margin-top:-7px }
.navbar .navbar-nav {
    display:inline-block;
    float:none;
    vertical-align:top
}
.navbar .navbar-collapse { text-align:center }
#truck {
    background:#eef7f3 url('/front/truck.jpg') center center no-repeat;
    background-size:cover;
    width:100%;
    padding-top:200px;
    padding-bottom:200px
}
#truck h1 {
    color:#204e63;
    line-height:140%;
    margin-bottom:20px
}
#truck .btn {
    background-color:#204e63;
    color:#fff;
    text-transform:uppercase
}
#truck .btn:hover {
    background-color:transparent;
    color:#204e63;
    border:1px solid #204e63
}
#about {
    text-align:center;
    padding-top:50px;
    padding-bottom:50px
}
#about h1 { margin-bottom:20px }
.carousel-inner .item .img {
    width:50%;
    min-height:520px;
    float:left;
    margin-right:10%;
    background-size:cover
}
.carousel-inner .item .desc {
    padding-top:100px;
    width:80%
}
.carousel-control.right {
    background-image:none;
    color:#000
}
.carousel-indicators {
    left:100%;
    width:auto
}
.carousel-indicators li { border:1px solid #aaa }
.carousel-indicators .active { background-color:#aaa }
#features { background-color:#fff }
#mobile-app {
    padding-top:50px;
    padding-bottom:50px
}
.download-icon { height:50px }
#brands {
    text-align:center;
    background-color:#5b6e79;
    color:#fff;
    padding-top:15px;
    padding-bottom:10px
}
#brands img { height:100px }
#brands > .list-inline > li {
    padding-left:20px;
    padding-right:20px
}
#contact {
    text-align:center;
    background-color:#cfe0f3;
    color:#000;
    padding-top:50px;
    padding-bottom:50px
}
#contact .btn {
    background-color:#204e63;
    color:#fff
}
#footer {
    text-align:center;
    background-color:#0f293c;
    color:#cdcccc;
    padding-top:50px
}
#footer small {
    display: block;
    font-size:0.6em;
    margin-top:50px;
    margin-bottom:10px
}
@media (max-width: 1090px) {
    .carousel-inner .item .desc {
        padding-top:20px;
        width:90%
    }
    #truck { padding-top:80px }
}
@media (max-width: 720px) {
    .carousel-inner .item .img {
        width:100%;
        min-height:250px;
        float:none;
        margin-right:0
    }
    .carousel-inner .item .desc {
        padding:20px 20px 50px 20px;
        width:auto
    }
    .carousel-control.left {
        background-image:none;
        color:#fff
    }
    .carousel-control.right { color:#fff }
}