.titulo-board{
    font-family: 'Qanelas-Bold';
    color: #5966d6;
    font-size: 24px;
    letter-spacing: 4px;
    line-height: 28px;
}

.titulo-board-2{
    font-family: 'Avocados';
    color: #6bc2c2 ;
    flex-direction: row !important;
    align-content: center !important;
    align-self: center !important;
    align-items: center !important;
}

.subrayado-board {
    width: 240px;
    left: 139px;
    top: -18px;
}

.btn-cargar-foto {
    background-color: #e52886 !important;
    background-image: url(../img/btn-cargar.svg);
    background-repeat: no-repeat;
    background-position: 12px;
    background-size: 20px;
    border-color: #e52886 !important;
    padding-left: 41px;
}
.btn-cargar-foto:hover {
    background-color: #e20a76 !important;
    border-color: #e20a76 !important;
}

.btn-borde{
    width: fit-content;
    border: #000 1.5px dashed;
    padding: 3px;
    border-radius: 7px;
}





/* GALERIA */

.card-img-top{
    max-height: 18rem !important;
}
.card{
    background-color: #f7f7f7 !important;
    font-family: 'HangryHand-Regular' !important;
    font-size: 22px !important;
    width: 14rem;
    float: left;
    height: fit-content;
}

.card0{
    transform: rotate(343deg);
}
.card1{
    transform: rotate(8deg);
    margin-left: 34px;
    margin-right: -2em;
    z-index: 1;
}
.card2{
    transform: rotate(359deg);
    margin-top: 9em;
}
.card3{
    transform: rotate(8deg);
    z-index: -1;
    margin-left: -2em;
}
.card4{
    transform: rotate(341deg);
    z-index: 0;
}
.card5{
    transform: rotate(350deg);
    margin-top: -4em;
}
.card6{
    transform: rotate(5deg);
    margin-left: -2em;
    z-index: 0;
}
.card7{
    transform: rotate(357deg);
    margin-top: 6em;
}
.card8{
    transform: rotate(356deg);
    margin-top: -9em;
}
.card9{
    transform: rotate(12deg);
    margin-top: 7em;
    z-index: 0;
    margin-left: -7em;
}

.cinta{
    width: 3em;
    height: 116px;
    z-index: 1;
    position: absolute;
}
.cinta0{
    left: 5em;
    top: -3em;
}
.cinta1{
    left: 4em;
    top: -3em;
    z-index: 2;
    transform: rotate(45deg);
}
.cinta2{
    top: -2.5em;
    left: 3.5em;
    transform: rotate(275deg);
}
.cinta3{
    left: 4em;
    top: -3em;
    transform: rotate(297deg);
}
.cinta4{
    left: 4em;
    top: -3em;
}
.cinta5{
    top: -3em;
    left: 4em;
    transform: rotate(64deg);
}
.cinta6{
    left: 3em;
    top: -3em;
    transform: rotate(71deg);
    z-index: 2;
}
.cinta7{
    top: -2em;
    left: 6em;
    transform: rotate(304deg);
}
.cinta8{
    left: 6em;
    top: -3em;
    transform: rotate(70deg);
}
.cinta9{
    top: -3em;
    left: 2em;
    transform: rotate(47deg);
}

/* FOOTER */

#footer-board {
    background-image: url(../img/back_pink_bottom.jpg);
    background-position: top;
    background-size: contain;
    height: 46vw;
    width: 100%;
    background-repeat: no-repeat;
    margin-top: -14vw;
}

@media (max-width: 1139px){
    .card{
        width: 12em !important;
    }

}

@media (max-width: 1035px){
    .card{
        width: 8em !important;
    }
}


@media (max-width: 767px){
    .subrayado-board {
        width: 200px;
        left: 110px;
    }
    .card{
        width: 10rem !important;
    }
}
@media (max-width:667px) {
    .card8{
        left: -9em;
    }
}
@media (max-width: 690px){
    .subrayado-board {
        width: 180px;
    }
}

@media (max-width: 575px){
    .subrayado-board {        
        width: 130px;
        left: 72px;
    }
    .titulo-board-2{
        font-size: 20px;
    }
    
    .card{
        width: 7em !important;
    }
    .cinta {
        width: 2em;
        height: 68px;
    }

    .cinta0 {
        left: 3em;
        top: -2em;
    }
    .card0{
        left: -3em;
    }
    
    .card1{
        left: 1em;
        top: -9vh;
    }
    .cinta1 {
        left: 3em;
        top: -2em;
    }
    .card2{
        left: -3.5em;
        top: -15em;
    }
    .cinta2 {
        top: -2em;
        left: 4em;
    }
    .card3 {
        top: -43vw;;
        left: 2em;
        margin-left: 0;
    }
    .cinta3 {
        left: 4em;
        top: -2em;
    }
    .card4 {
        top: -24em;
    }
    .cinta4 {
        left: -1em;
    top: -1em;
    }
    .card5 {
        margin-top: -22em;
        left: -3em;
    }   
    .cinta5 {
        top: -2em;
        left: 2em;
    }
    .card6 {
        top: -14em;
        left: -1em;
    }
    .cinta6{
        top: -2em;
    }
    .card7 {
        top: -34em;
        left: 3em;
    }
    .cinta7 {
        top: -1.5em;
        left: 4em;
    }
    .card8{
        margin-top: -28em;
        left: 3em;
    }
    .cinta8 {
        left: 4em;
        top: -2em;
    }
    .card9 {
        margin-top: -18em;
        left: -3em;
    }
    .cinta9 {
        top: -2em;
        left: 1em;
    }
}