@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");

.home-head {
    /*font-size: 2em;*/
    font-weight: 100;
}

.bg {
    /*position: absolute;*/
    /*z-index: -1;*/
    /*transition: all .6s;*/
    background-image: url('../img/fondoSushi.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    /*-webkit-filter: blur(3px);*/
   /* -moz-filter: blur(3px);*/
    /*-o-filter: blur(3px);*/
    /*-ms-filter: blur(3px);*/
    /*filter: blur(3px);*/
    /*transform: scale(1.1);*/
    /*clip: rect(50%, 50%, 50%, 50%);*/
    /*clip-path: inset(-25% 20% 15% 0%);*/
}
.main-app {
    /*overflow: hidden;*/
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.bgMolca {
    background-image: url('../img/fondoMolca.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.bgMolca:before {
    
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.tarjeta {
    position: relative;
    text-align: center;
    color: white;
    background-image: url('../img/tarjeta.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 440px;
    height: 320px;
}
.tarjetaChica {
    background-image: url('../img/reyLogo02.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 225px;
}

.tarjetaSaldo {
    color: #339933;
    font-size: 4em;
    font-family: 'Luckiest Guy', cursive;
    text-shadow:2px 2px 8px #fff, 2px 2px 8px #ccc;
}

.tarjetaChicaSaldo {
    color: #000000;
    font-size: 4em;
    font-family: 'Luckiest Guy', cursive;
    text-shadow:2px 2px 8px #fff, 2px 2px 8px #ccc;
}

.btn.btn-primary {
    color: #ffffff;
    background-color: #428BCA;
    background-image: linear-gradient(to bottom, #56caf5, #136fd1);
    border-color: #2B669A #2B669A #2B669A;
}
.btn.btn-primary:hover {
    color: #ffffff;
    background-color: #136fd1;
    background-image: linear-gradient(to bottom, #136fd1, #136fd1);
    border-color: #2B669A #2B669A #2B669A;
}

@media (max-width: 490px) {
    a.h1 {
        /*text-decoration: underline;*/
        font-size: 5.7vw;
        padding-left: 10px;
    }
}