.bg-trama1 {

    background-image: url('/static/images/tramas/trama1.png');
    background-size: cover;

}

.bg-trama2 {

    background-image: url('/static/images/tramas/trama2.png');
    background-size: cover;

}

.bg-trama3 {

    background-image: url('/static/images/tramas/trama3.png');
    background-size: cover;

}

.bg-trama4 {

    background-image: url('/static/images/tramas/trama4.png');
    background-size: cover;

}

.bg-trama5 {

    background-image: url('/static/images/tramas/trama5.png');
    background-size: cover;

}

.bg-trama6 {

    background-image: url('/static/images/tramas/trama6.png');
    background-size: cover;
}

.bg-trama7 {

    background-image: url('/static/images/tramas/trama7.png');
    background-size: cover;
}

.bg-trama8 {

    background-image: url('/static/images/tramas/trama8.png');
    background-size: cover;
}

.bg-trama9 {

    background-image: url('/static/images/tramas/trama9.png');
    background-size: cover;

}

.bg-numeraHello {

        min-height: 100vh;
        background-image: url('/static/images/numera/NumeraHello.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
}

.bg-numeraCute {

    min-height: 100vh;
    background-image: url('/static/images/numera/NumeraCute.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}

.bg-grey {

    background-color: #E5E9F2;

}