﻿#bannerTaxi {
    background-image: url(../../Images/Taxi-AereoBIG.jpg);
    background-position: 0% 60%;
    background-size: 100% auto;
    box-shadow: inset 0 0 0 2000rem rgba(0,0,0,0.3);
    height: 41rem;
    width: 100%;
}

#bannerLegs {
    background-image: url(../../Images/Empty-LegsBIG.jpg);
    background-position: 0% 4%;
    background-size: 100% auto;
    box-shadow: inset 0 0 0 2000rem rgba(0,0,0,0.3);
    height: 41rem;
    width: 100%;
}

#bannerOperator {
    background-image: url(../../Images/Fixed-BaseBIG.jpg);
    background-position: 0% 20%;
    background-size: 100% auto;
    box-shadow: inset 0 0 0 2000rem rgba(0,0,0,0.3);
    height: 41rem;
    width: 100%;
}

#bannerStorage {
    background-image: url(../../Images/Servicio-PensionBIG.jpg);
    background-position: 0% 56%;
    background-size: 100% auto;
    box-shadow: inset 0 0 0 2000rem rgba(0,0,0,0.3);
    height: 41rem;
    width: 100%;
}

#bannerMaintenance {
    background-image: url(../../Images/MantenimientoBIG.jpg);
    background-position: 0% 70%;
    background-size: 100% auto;
    box-shadow: inset 0 0 0 2000rem rgba(0,0,0,0.3);
    height: 41rem;
    width: 100%;
}

#bannerFacilities {
    background-image: url(../../Images/InstalacionesBIG.jpg);
    background-position: 0% 50%;
    background-size: 100% auto;
    box-shadow: inset 0 0 0 2000rem rgba(0,0,0,0.3);
    height: 41rem;
    width: 100%;
}

.title-schedule-trip {
    color: #3a4a59;
    font-family: 'Alethia Pro Regular';
    font-size: 1.6rem;
    letter-spacing: 0.1rem;
}

.subtitle-schedule-trip {
    color: #999999;
    font-family: 'Montserrat';
    font-size: 0.8rem;
    letter-spacing: 0.1rem;
}

#servicios {
    background-image: url(../../Images/Background.jpg);
    background-position: 0% 82%;
    background-size: 100%;
    box-shadow: inset 0 0 0 2000rem rgba(9,32,47,0.9);
    height: 10rem;
}

.title-services {
    color: #84c0b6;
    font-family: 'Alethia Pro Regular';
    font-size: 1.6rem;
    letter-spacing: 0.1rem;
}

.subtitle-services {
    color: #ffffff;
    font-family: 'Montserrat';
    font-size: 0.8rem;
    letter-spacing: 0.1rem;
}

.paragraph-services {
    padding-left: 20rem;
    padding-right: 20rem;
    text-align: justify;
    width: 100%;
}

.title-paragraph-services {
    color: #1f2d39;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
}

.text-paragraph-services {
    color: #999999;
    font-family: 'Montserrat';
    font-size: 0.8rem;
    letter-spacing: 0.1rem;
    width: 100%;
}

.button-schedule-trip {
    background-color: #435363;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Montserrat';
    font-size: 1rem;
    letter-spacing: 0.1rem;
    text-decoration: none;
    padding: .5rem 1rem;
}

    .button-schedule-trip:hover,
    .button-schedule-trip:active,
    .button-schedule-trip:focus {
        border: 1px solid #435363;
    }

@media (max-width: 1660px) {
    .paragraph-services {
        padding-left: 15rem;
        padding-right: 15rem;
    }

    .text-paragraph-services {
        font-size: 0.7rem;
    }
}

@media (max-width: 1450px) {
    .text-paragraph-services {
        font-size: 0.65rem;
    }
}

@media (max-width: 1399px) {
    .paragraph-services {
        height: auto;
    }

    .paragraph-services > div {
        left: 0 !important;
        position: relative !important;
        transform: unset !important;
    }

    .text-paragraph-services {
        font-size: 0.8rem;
    }
}

@media (max-width: 1199px) {
    .paragraph-services {
        padding-left: 10rem;
        padding-right: 10rem;
    }
}

@media (max-width: 991px) {
    #bannerTaxi {
        background-position: 0% 60%;
        background-size: 200% auto;
    }

    #bannerLegs {
        background-position: 30% 4%;
        background-size: 180% auto;
    }

    #bannerOperator {
        background-position: 25% 20%;
        background-size: 180% auto;
    }

    #bannerStorage {
        background-position: 0% 56%;
        background-size: 100% auto;
    }

    #bannerMaintenance {
        background-position: 50% 50%;
        background-size: 170% auto;
    }

    #bannerFacilities {
        background-position: 50% 50%;
        background-size: 165% auto;
    }

    .paragraph-services {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

@media (max-width: 767px) {
    #servicios {
        height: 12rem;
    }
}

@media (max-width: 575px) {
    #bannerTaxi {
        background-position: 0% 65%;
        background-size: 225% auto;
        height: 30rem;
    }

    #bannerLegs {
        background-position: 30% 4%;
        background-size: 240% auto;
        height: 30rem;
    }

    #bannerOperator {
        background-position: 25% 20%;
        background-size: 230% auto;
        height: 30rem;
    }

    #bannerStorage {
        background-position: 0% 56%;
        background-size: 120% auto;
        height: 30rem;
    }

    #bannerMaintenance {
        background-size: 240% auto;
        height: 30rem;
    }

    #bannerFacilities {
        background-position: 50% 50%;
        background-size: 220% auto;
        height: 30rem;
    }

    .paragraph-services {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .title-paragraph-services {
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
    }

    .text-paragraph-services {
        font-size: 0.8rem;
        letter-spacing: 0.1rem;
    }

    #servicios {
        height: 16rem;
    }
}