/* MyriadPro Bold */ 
@font-face {
    font-family: 'MyriadPro Bold';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('../fonts/MyriadPro-Bold.woff2') format('woff2');
}

body {
    background-color: #FFFFFF;
    background: url("../../images/fondo.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.table-responsive{
    border: 0 !important;
}

.note {
    color: rgba(255, 255, 255);
    font-size: 9px;
}

.permisos {
    color: rgb(61, 52, 187);
    font-size: 9px;
}

.terminos {
    color: rgb(255, 255, 255);
}

@media (max-width: 509px){
    #btn-entrar { 
        color: #FFFFFF; 
        background-color: #a1a1a194; 
        padding: 5px 90px;
        font-size: 25px;
        font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
      } 
    #c1c2 { 
        padding: 15px 10px;
        font-size: 15px;
        font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    } 
    #logo{
        content:url('../../images/logo_S.png');
    }
    #logo_blanco{
        content:url('../../images/logo_blanco_S.png');
    }
    #fondo_pin{
        background-image: url('../../images/fondo_pin_S.jpg');
        width: 100%;
        height: auto;
        background-size: cover;
    }
    #icono{
        content:url('../../images/icono_S.png');
    }
    #soporte{
        content:url('../../images/soporte_S.png');
    }
    #marginTop{
        margin-top: 20px !important;
    }
    #marginBottom{
        margin-bottom: 1rem !important;
    }
    #paquetes_top{
        content:url('../../images/paquetes_top_S.png');
    }
    #inicio{
        content:url('../../images/inicio_S.png');
    }
    #pasos{
        content:url('../../images/pasos_S.png');
    }
    #paquetes{
        content:url('../../images/paquetes_S.png');
    }
    #datos{
        content:url('../../images/GB_S.png');
    }
    #promo{
        content:url('../../images/tel_S.png');
    }
    #flecha{
        content:url('../../images/down_S.png');
    }
    #altura{
        margin-top: 40px !important;
    }
}
    
@media (min-width: 510px){
    #btn-entrar { 
        color: #FFFFFF; 
        background-color: #a1a1a194; 
        padding: 5px 120px;
        font-size: 25px;
        font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
      } 
    #c1c2 { 
        padding: 15px 30px;
        font-size: 25px;
        font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    } 
    #logo{
        content:url('../../images/logo_M.png');
    }
    #logo_blanco{
        content:url('../../images/logo_blanco_M.png');
    }
    #fondo_pin{
        background-image: url('../../images/fondo_pin_M.jpg');
        width: 100%;
        height: auto;
        background-size: cover;
    }
    #icono{
        content:url('../../images/icono_M.png');
    }
    #inicio{
        content:url('../../images/inicio_M.png');
    }
    #pasos{
        content:url('../../images/pasos_M.png');
    }
    #soporte{
        content:url('../../images/soporte_S.png');
    }
    #marginTop{
        margin-top: 50px !important;
    }
    #marginBottom{
        margin-bottom: 1rem !important;
    }
    #paquetes_top{
        content:url('../../images/paquetes_top_M.png');
    }
    #paquetes{
        content:url('../../images/paquetes_M.png');
    }
    #datos{
        content:url('../../images/GB_M.png');
    }
    #promo{
        content:url('../../images/tel_M.png');
    }
    #flecha{
        content:url('../../images/down_M.png');
    }
    #altura{
        margin-top: 300px !important;
    }
}

@media (min-width: 1001px){
    #btn-entrar { 
        color: #FFFFFF; 
        background-color: #a1a1a194; 
        padding: 5px 220px;
        font-size: 33px;
        font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
      } 
    #c1c2 { 
        padding: 15px 230px;
        font-size: 35px;
        font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    } 
    #logo{
        content:url('../../images/logo_L.png');
    }
    #logo_blanco{
        content:url('../../images/logo_blanco_L.png');
    }
    #fondo_pin{
        background-image: url('../../images/fondo_pin_L.jpg');
        width: 100%;
        height: auto;
        background-size: cover;
    }
    #icono{
        content:url('../../images/icono_L.png');
    }
    #inicio{
        content:url('../../images/inicio_L.png');
    }
    #pasos{
        content:url('../../images/pasos_L.png');
    }
    #soporte{
        content:url('../../images/soporte_L.png');
    }
    #marginTop{
        margin-top: 100px !important;
    }
    #marginBottom{
        margin-bottom: 1rem !important;
    }
    #paquetes_top{
        content:url('../../images/paquetes_top_L.png');
    }
    #paquetes{
        content:url('../../images/paquetes_L.png');
    }
    #datos{
        content:url('../../images/GB_L.png');
    }
    #promo{
        content:url('../../images/tel_L.png');
    }
    #flecha{
        content:url('../../images/down_L.png');
    }
    #altura{
        margin-top: 600px !important;
    }
}