#gradient {
    background-image: linear-gradient(90deg, rgba(5,197,241,0.80) 0%, rgba(115,204,48,0.80) 100%), url('../../../Content/imagenes/Imagen 2@2x.png');
    /*height: 500px;*/
    background-size: cover;
    background-position: bottom;
}

    #gradient .btn {
        line-height:50px;
    }

  

/*// Small devices (landscape phones, 576px and up)*/
@media (max-width: 767px){

#gradient .primera_parte {
    font: 2.5em Poppins;
    color: white;
}

    #gradient .segunda_parte {
        font: 400 99px stay_outsideregular;
        /*bottom: -5px;*/
      
        position: relative;
        color: white;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    #gradient .primera_parte {
        font: 100 58px/70px Poppins;
        color: white;
    }

    #gradient .segunda_parte {
        font: 400 80px/90px stay_outsideregular;
        bottom: -5px;
       
        position: relative;
        color: white;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

    #gradient .primera_parte {
        font: 100 58px/133px Poppins;
        color: white;
    }

    #gradient .segunda_parte {
        font: 400 80px/133px stay_outsideregular;
        bottom: -5px;
        left: 20px;
        position: relative;
        color: white;
    }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

    #gradient .primera_parte {
        font: 100 58px/70px Poppins;
        color: white;
    }

    #gradient .segunda_parte {
        font: 400 110px/130px stay_outsideregular;
        bottom: -5px;
        left: 20px;
        position: relative;
        color: white;
    }
}