body {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.2rem;
    color: #686868;
    font-weight: 100;
}

p {
    margin: 0;
    font-style: italic;
}



.logo-header {
    width: 150px;
}

.legal-der {
    position: absolute;
    z-index: 500;
    top: 10%;

}

h1 {
    font-weight: 100;
    color: #016d38;
    font-size: 1.8rem;
    margin: 0;
    font-style: italic;
}

h1 span {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2rem;
}

.fondo-verde h2 {
    color: #ffdc5d;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    margin: 0;
}

.fondo-negro h2 {
    color: #ffdc5d;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    margin: 0;
}

.fondo-gris h2 {
    color: #016d38;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    margin: 0;
}

.fondo-verde p {
    color: #fff;
    margin: 0;
}
.fondo-negro p {
    color: #fff;
    margin: 0;
}
.avion {
    margin: 0 0 -30px 0;
}

.fondo-gris {
    background-image: url(../images/fondo-gris.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fondo-verde {
    background-image: url(../images/fondo-verde.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}


.fondo-negro {
    background-image: url(../images/fondo-negro.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fondo-vuelo {
    background-image: url(../images/fondo-avion.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
}

.fondo-header {
    background-image: url(../images/fondo-header.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
}
.texto-verde{
    color:#016d38;
    font-weight: bold;
}

.carousel-caption p {
    color: #686868;    

}

.fondo-blanco {
    background-color: rgba(255, 255, 255, 0.8);
}

.fondo-gris-oscuro {
    background-color: #e9e9e9;
}

.fondo-gris-oscuro p {
    color: #686868;
}


/*Slider*/

.flexcontainer {
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;

}

.flexitem {
    background-color: #cccccc;
    display: inline-block;
    overflow: visible;
    position: relative;
    flex: 1 1;
}

.flexitem:nth-child(1) {
    flex-basis: 100%;
    height: 300px;
}

.flexitem:nth-child(2) {
    flex-basis: 50%;
}

#image-x {
    background-image: url("../images/slide-1.jpg");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

#image-x2 {
    background-image: url("../images/slide-2.jpg");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

#image-x3 {
    background-image: url("../images/slide-3.jpg");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

#image-x4 {
    background-image: url("../images/slide-4.jpg");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

#image-x5 {
    background-image: url("../images/slide-5.jpg");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

#image-x6 {
    background-image: url("../images/slide-6.jpg");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

#image-x7 {
    background-image: url("../images/slide-7.jpg");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
#content-x {
     background-color: rgba(255, 255, 255, 0.1);
}

.wrapper {
    text-align: center;
}

.wrapper p {
    font-size: 1.2rem;
}



/* carousel buttons if want color besides transparent*/
.carousel-control-prev-icon {
    background-image: url("../images/flecha.svg") !important;
}

.carousel-control-next-icon {
    background-image: url("../images/flecha2.svg") !important;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%;
}

/*Slider*/




@media only screen and (min-width: 768px) {
    h1 {
        font-weight: 100;
        color: #016d38;
        font-size: 2rem;
        margin: 0;
        font-style: italic;
    }

    h1 span {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 3rem;
    }

    /*Slider*/

    .flexcontainer {
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        -moz-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;

    }

    .flexitem {
        background-color: #cccccc;
        display: inline-block;
        overflow: visible;
        position: relative;
        flex: 1 1;
    }

    .flexitem:nth-child(1) {
        flex-basis: 100%;
        height: 500px;
    }

    .flexitem:nth-child(2) {
        flex-basis: 50%;
    }

   


    /* carousel buttons if want color besides transparent*/
    .carousel-control-prev-icon {

        background-image: url("../images/flecha.svg") !important;
    }


    .carousel-control-next-icon {
        background-image: url("../images/flecha2.svg") !important;
    }


    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        display: inline-block;
        width: 40px;
        height: 40px;
        background: no-repeat 50%/100% 100%;
    }
}

/*Slider*/