.convertirMayusculas {
    text-transform: uppercase;
}

body {
    /*background: #eee url("../images/backPago.jpg");*/
    background-color: rgb(34,42,53);
}
.modalPasarela {
    width: 45%;
    /*heigth: 80px;*/
    margin-left: 4%;
    margin-right: 1%
}
.imagenPayPal {
    height: 89px;
}
.modalPasarelaPayPal {
    width: 45%;
    /*heigth: 80px;*/
    margin-left: 4%;
    margin-right: 1%;
   
}

.tituloModal {
    margin-top: 9%;
    margin-bottom: 5%;
}
.LogoTitulo {
    padding-left: 25px;
    
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
    /* Styles */
    .logoMercadoPago {
    margin-top:15%;
    
    }
    .modal {
        height:650px; /* Set a default max height of the modal (adjusted later)*/
        position: fixed; /* Display modal in the centre of your screen */
        overflow-y: scroll; /*  Ensure that the modal is scroll-able */
        -webkit-overflow-scrolling: touch; /* Avoid having to use 2 finger scroll on iOS    */
    }

        .modal.fade.in {
            top: 5px; /* Use more screen real estate */
        }

    .modal-body {
        /* Increase the max height of the modal body to try & avoid both it,
             * and the modal container having scroll bars which results in odd behavior */
        max-height: 2400px;
    }
    .modal {
    width:95%
    }
    body {
        background-size: cover;
        background-position: center;
    }
    .modalPasarela {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        height: 230px;
    }
    .modalPasarelaPayPal {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        height: 230px;
    }
    .imagenPayPal {
        height: 73px;
        margin-top: 30%;
    }
    .tituloModal {
        margin-top: 2%;
        margin-bottom: 12%;
    }
    .espacios {
    display:none;
    }
    .LogoTitulo {
        padding-left: 16%;
        margin-top: -8%;
        margin-bottom: 3%;
        margin-left: 9%;
    }
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
    body {
        background-size: cover;
        background-position: center;
    }
   
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
    body {
        background-size: cover;
        background-position: center;
    }
    .modalPasarela {
        width: 100%;
    }
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    /* Styles */
    body {
        background-size: cover;
        background-position: center;
    }
    .modalPasarela {
        width: 100%;
    }
}
/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
    /* Styles */
    body {
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
}
/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
    /* Styles */
    body {
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
    .modalPasarela {
        width: 100%;

    }
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* Styles */
    body {
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */
    body {
        background-size: 100% 100%;
    }
}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */
}