* {font-family: WorkSans}

body, html {
  width: 100%;
  height: 100%;
}

body, h1, h2, h3, h4, h5, h6 {
    color: #3E5757
}

.text-color-page {
    color: #787878;
}

/**
    Navbar
**/

.navbar-brand {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.navbar-toggler {
    border: none;
} 

.section-heading-highlighted {
    color: #000000;
}

/**
    Sections
**/

.control-vehicle-btn {
    background-color: #00bfd6;
    border-color: #00bfd6;
    padding: 2% 20%;
    border-radius: 20px;
    color: #ffffff;
}

.more-info-btn {
    border-radius: 20px;
}

.control-vehicle-detail {
    font-size: 1.25rem;
    font-weight: 300;
    text-align: justify;
}

.care-card-img, .card-img {
    height: 22%;
    width: 22%;
    object-fit: contain;
}

.care-card-text {
    width: 90%;
}

.card-container {
    padding-left: 3rem!important;
    padding-right: 3rem!important;
}

.footer-container {
    padding-left: 3rem!important;
    padding-right: 3rem!important;
}

.band-color {
    background: #d8d8d8;
    height: 10%!important;
}

.security-vehicle {
    width: 30%;
}

.security-vehicle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.footer {
    background-color: #00bfd6;
}
  
.footer a {
    color:white;
}
  
.footer .logofoot {
    text-align: right;
}

.foot-vehicle-img {
    max-width: 100%;
    max-height: 100%;
}

.contact-vehicle {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}

.container-terms {
    padding-top: 6%;
    padding-bottom: 10%;
}

/**
    Responsive
**/

@media (max-width: 799px) {
    body {
        padding-top: 20%;
    }

    .h1, h1 {
        font-size: 1.5rem;
    }

    .nav-item {
        border-bottom: 1px solid #ededed;
    }

    .control-vehicle-cloud {
        width: 100%;
        height: 20%;
    }

    .cloud-first img {
        width: 100px;
    }

    .cloud-second img {
        width: 90px;
        left: 88%;
        top: -46px;
        position: absolute;
    }

    .mobile img{
        width: 100%;
        height: fit-content;
    }

    .store {
        width: 65%;
        margin-left: auto;
        margin-right: auto;
    }

    .store img {
        width: 100%;
    }

    .service-vehicle-row .col {
        flex-basis: auto;
    }

    .service-vehicle-title {
        display: none;
    }

    .control-vehicle-title {
        display: none;
    }

    .card {
        border: none;
    }

    .card-text {
        font-size: 0.7rem;
    }

    .card-container {
        padding-left: .25rem!important;
        padding-right: .25rem!important;
    }

    .footer-container {
        padding-left: 1rem!important;
        padding-right: 1rem!important;
    }

    .contact-vehicle-bg {
        background-image: url(../img/contact-mini.png);
        height: 45%;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 100% 90%;
        position: relative;
    }

    .contact-vehicle {
        margin-left: auto;
        margin-right: auto;
    }

    .trips-vehicle-app {
        width: 95%;
    }

    .trips-vehicle-bg-min-1 {
        background-image: url(../img/map-mini-1.png);
        height: 80%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 90%;
        position: relative;
    }

    .trips-vehicle-bg-min-2 {
        background-image: url(../img/map-mini-2.png);
        height: 80%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 90%;
        position: relative;
    }

    .care-vehicle-title {
        display: none;
    }

    .care-vehicle-img-bg-mini {
        background-image: url(../img/mini-wave.png);
        height: 20%;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 100% 90%;
        position: relative;
    }

    .trips-vehicle-title {
        padding-left: 0px important;
        padding-right: 0px important;
    }

    .contact-vehicle-mini {
        width: 100%;
    }

    .security-vehicle-bg {
        background-image: url(../img/more-info-mini.png);
        height: 70%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 95%;
        position: relative;
        top: -5%;
    }

    .security-vehicle-title {
        font-weight: normal;
    }

    .control-vehicle-detail {
        font-size: 1.25rem;
        font-weight: 300;
        text-align: center;
    }

    .container-terms {
        padding-top: 20%;
    }
}

/**
 Other
**/

@media (min-width: 800px) {
    .control-vehicle-img-bg {
        background-image: url(../img/about-ami.png);
        height: 70%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 95%;
        position: relative;
    }

    .care-vehicle-img-bg {
        background-image: url(../img/wave.png);
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 95%;
        position: relative;
        top: -12%;
        z-index: -1;
    }

    .control-vehicle-div {
        position: absolute;
        top: 16%;
      }

    .control-vehicle {
        max-width: 35%;
    }

    .control-vehicle-text {
        word-spacing: 20px;
        text-overflow: ellipsis;
    }

    .control-vehicle-cloud {
        display: none;
    }

    .service-vehicle {
        max-width: 90%;
        margin-right: auto;
    }

    .service-vehicle-title-mini {
        display: none;
    }

    .service-vehicle-title {
        width: 70%;
    }

    .control-vehicle-title-mini {
        display: none;
    }

    .mobile img{
        width: 70%;
    }

    .band-shadow-background {
        background: radial-gradient(circle, #d8d8d8 0%, #ece8e8 70%, #b5b3b3 100%);
        opacity: 0.5;
        box-shadow: inset 0 0 10px #ece8e8;
    }

    .care-vehicle-img-bg-mini {
        display: none;
    }

    .contact-vehicle-bg {
        background-image: url(../img/contact.png);
        height: 45%;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 100% 90%;
        position: relative;
    }
    
    .trips-vehicle-bg {
        background-image: url(../img/map.png);
        height: 50%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 88% 70%;
        position: relative;
        top: 10%;
    }

    .care-vehicle-img-bg-mini {
        display: none;
    }

    .care-vehicle-title-mini {
        display: none;
    }

    .trips-vehicle-title {
        padding-left: 3rem!important;
        padding-right: 3rem!important;
    }

    .security-vehicle-bg {
        background-image: url(../img/more-info.png);
        height: 70%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 95%;
        position: relative;
        top: -5%;
    }
    
    .security-vehicle-title {
        font-weight: bold;
    }
}

@media (max-width: 500px) {
    .mobile img{
        height: auto;
    }

    .control-vehicle-text {
        margin-top: 50%;
    }
}

@media (max-width: 720px) {
    .trips-vehicle-order {
        order: 13;
    }
}

@media (max-width: 797px) {
    .control-vehicle-text {
        margin-top: 20%;
        margin-left: auto;
        margin-right: auto;
    }
}