@media only screen and (max-width: 450px) {
    body{
        background-color: white !important;
        margin: 0;
        padding: 0;
    }
    .row{
        display: block;
    }
    .w-5{
        width:100%;
    }
    .leon{
        opacity: 1;
        position: absolute;
        width: 65%;
        margin-left: 35%;
        margin-top: 75%;
    }
    .main-lg{
        display: none;
    }
    .main-movil{
        display: block;
    }
    .logo-unisan{
        width: 100%;
    }
    .img-nav {
        width: 100%;
        text-align: center;
        margin-top: 17%;
    }
    .img-profile {
        width: 70%;
    }
    .logo-san{
        width: 85%;
    }
    .main-body-div{
        background-color: rgba(28,36,68);
        z-index: 99;
        /* position: sticky; */
    }
    .time-line-text{
        font-size: 17px !important;
    }
    .btn-beca-rec {
        width: 7em !important;
        padding: 10px 17px !important;
        font-size: 22px !important;
    }
    .btn-test-bar {
        margin: 70px 15px;
        max-width: 10rem;
        padding: 45px 10px;
    }
    .body-text-header{
        text-align: center;
        padding: 35px;
        padding-top: 0;
        position: relative;
    }
    .becatext{
        font-size: 20px !important;
    }
    .r-name{
        font-size: 40px;
    }
    .r-title{

        font-size: 25px;

        margin-bottom: 55px;

    }
    .p-body{
        margin-top: 50px;
        font-size: 21px !important;
        font-size: 20px;
    }
    #circle {
        background: #BA2B20;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        position: absolute;
    }
    .content-circle{
        text-align: center;
        text-align: -webkit-center;
        /* margin-left: 9rem; */
        padding: 35px;
    }
    .text-ligth{
        font-weight: 200;
    }
    .header-mv{
        z-index: 1;
        padding: 35px;
        position: relative;
        display: block;
    }
    .body-content{  
        padding: 35px;
    }
    .body-yellow-bar{
        padding: 5px 35px;
        background-color: #404040;
        text-align: center;
    }
    .mt-0{
        margin-top: 25px !important;
    }
    .curriculum{
        padding: 35px;
        background-color: #E6E6E6;
    }
    .txt-title{
        font-size: 36px;
    }
    .ts-6{
        width: 60%;
    }
    .ts-5{
        width: 85%;
    }
    .ts-4{
        width: 50%;
        word-wrap: break-word;
        max-width: 22px;
    }

    .ts-8{
        width: 80%;
    }
    .botones{
        padding: 35px;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .btn-meet-unisant{
        font-weight: 0;
        font-size: 14px;
        color: #fff;
        background-color: #620903;
        padding: 10px 65px;
        border: none;
        box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
        border-radius: 50px;
        transition : 1000ms;
        transform: translateY(0);
        display: flex;
        align-items: center;
        cursor: pointer;
        margin-top: 5px;
        margin-bottom: 30px;
    }
    .btn-cand-bar {
        padding: 35px 25px;
        max-width: 10rem;
    }
}