body{
    background-color: #fff;
    font-family: 'Gabarito', sans-serif;
}
.primero{
    background-image: url(../img/carrusel/UCS-Slider-A1.jpg);
     height: 300px;
     background-size: cover;
     background-position: center;
}
.primero h1{
    color: #fff;
    margin-top: 8%;
    font-size: 50px;
    font-style: italic;
    text-shadow: #f4e2e2;
}

.conten-bac2{
    background-color: aliceblue;
}

#titulo1{
    font-size: 40px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #0F7A39;
}
#titulo2{
    font-size: 35px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #0F7A39;
}

#titulo3{
    font-size: 25px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #0F7A39;
}
#primario{
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
}
@media only screen and (max-width: 768px) {

    #imagen2{
        width: 300px;
    }
    #primario{
        border-right: 0px solid rgb(0, 0, 0);
        border-left: 0px solid rgb(0, 0, 0);
    }

    #titulo1{
        font-size: 25px;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        color: #0F7A39;
    }
    #titulo2{
        font-size: 25px;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        color: #0F7A39;
    }
    .primero h1{
        color: #fff;
        margin-top: 8%;
        font-size: 40px;
        font-style: italic;
        text-shadow: #f4e2e2;
    }
    .primero{
        background-image: url(../img/carrusel/UCS-Slider-A1.jpg);
         height: 200px;
         background-size: cover;
         background-position: center;
    }
}

@media only screen and (max-width: 1214px) {

    #imagen2{
        width: 100%;
        padding-left: 50px;
    }
}