#universidad{
    background-color: #a0daec;
    background-position: bottom;
    background-image: url(../../images/universidad/bg-mobile.png);
    /*min-height: calc(100vh - 60px);*/
    background-size: cover;
    height: 100%;
}


#universidad .wrapper{
    position: relative;
    max-width: 950px;
}
#universidad .slider .slide .align{
    width: 100%;
    vertical-align: top;
}


#universidad .wrapper{
    padding-left: 40px;
    padding-right: 40px;
    position: static;
}
#universidad .holder {
    padding-top: 60px;
    /*height: 100%;*/
    padding-bottom: 190px;
    position: relative;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#universidad .holder .align-m{
    height: auto;
}
#universidad .holder .align-m:before{
    height: auto;
    min-height: calc(100vh - 220px);
}
#universidad .holder .kid{
    width: 170px;
    height: 170px;
    margin: 0 auto;
    background-size: cover;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -105px;
}
#universidad .slider .slide .info{
    display: block;
    position: relative;
    top: 35px;

    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
#universidad .slider .slide .info .title{
    max-width: 660px;
    font-size: 2.2em;
    line-height: 1;
}
#universidad .slider .slide .info .title.green{
    color: #00b37d;
}
#universidad .slider .slide .info .title.blue{
    color: #007dc5;
}
#universidad .slider .slide .info .title.orange{
    color: #f58220;
}
#universidad .slider .slide .info .title.pink{
    color: #ee3d8a;
}

#universidad .slider .slide .info .text{
    margin-top: 10px;
    font-size: 1.4em;
    line-height: 1.3;
}


#universidad .slider .slide .first-slide-image{
    width: 100%;
    position: relative;
}
#universidad .slider .slide .first-slide-image:before{
    content: "";
    display: block;
    height: 0;
    padding-bottom: 72.64%;

}

#universidad .agendar-image{
        display: block;
    margin: 0 auto;
    margin-top: 0px;
    width: 100%;
    max-width: 170px;
    height: 115px;
    background-size: contain;
    margin-bottom: 70px;
}


@media (min-height:568px){

    #universidad .holder{
        padding-top: 20px;
        padding-bottom: 140px;
    }

}
@media (min-width:375px){


    #universidad .slider .slide .info .title{
        font-size: 3em;
    }
    #universidad .slider .slide .info .text{
        font-size: 1.5em;
    }

}

@media (min-width:415px){
    #universidad{
        background-image: url(../../images/universidad/bg-mobile2.png);
    }
}
@media (min-width:768px){
    #universidad{
        background-image: url(../../images/universidad/bg-tablet.png);
    }
}
@media (min-width:769px){
    #universidad{
        background-image: url(../../images/universidad/bg.png);
    }
}

@media (min-width:768px){

    /*    #universidad.intro{
            height: 100vh;
            min-height: inherit;
        }*/
    #universidad .wrapper{
        padding-left: 60px;
        padding-right: 60px;
        position: relative;
    }
    #universidad .slider .slide{
        height: calc(100vh - 100px) !important;
    }
    #universidad .slider .slide .align{
        vertical-align: middle;
    }

    #universidad .holder{
        margin-top: 25px;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 240px;
        position: relative;
    }
    #universidad .slider .slide .info .title{
        font-size: 5em;
    }
    #universidad .slider .slide .info .text{
        font-size: 1.8em;
        margin-top: 15px;
    }

    #universidad .holder .kid{
        position: absolute;
        right: 0px;
        top: 50%;
        width: 350px;
        height: 350px;
        background-size: cover;
        left: auto;
        margin-left: auto;

        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #universidad .slider .slide .first-slide-image{
        width: 415px;
    }

    #universidad .agendar-image{
        max-width: 250px;
        height: 120px;
    }

}

@media (min-width:980px){

    #universidad.intro{
        height: 100%;
        min-height: calc(100vh - 100px);
    }

    #universidad .wrapper{
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1280px;
    }
    #universidad .holder{
        padding-right: 360px;
    }
    #universidad .holder .kid{
        width: 450px;
        height: 450px;
    }
    #universidad .slider .slide .info .text{
        font-size: 2.2em;
    }
    #universidad .slider .slide .info .title{
        font-size: 6em;
    }
    #universidad .slider .slide .first-slide-image{
        width: 100%;
        max-width: 700px;
        margin: 0 auto;
    }

    #universidad .agendar-image{
        margin-top: 30px;
        max-width: 300px;
        height: 140px;
    }
    #universidad .agendar-image:hover,
    #universidad .agendar-image:focus{
        opacity: .5;
    }

}

@media (min-width:1440px){
    
    #universidad .holder{
        padding-right: 520px;
    }
    
}