.slider .slide-text.duyquyen{
    padding-top: 5px;
    height: 312px;
}

.slide-detail {
    text-align: left;
    margin-left: 30%;
    font-size: 16px;
}

#duyquyenLogo {
    font:bold 6.0vw/1.6 'Signika', sans-serif;
    font-family: 'Baloo Tamma', cursive;
    user-select:none;
}

#duyquyenLogo span { display:inline-block; animation:float .2s ease-in-out infinite; }
@keyframes float {
    0%,100%{ transform:none; }
    33%{ transform:translateY(-1px) rotate(-2deg); }
    66%{ transform:translateY(1px) rotate(2deg); }
}
#duyquyenLogo:hover span { animation:bounce .6s; }
@keyframes bounce {
    0%,100%{ transform:translate(0); }
    25%{ transform:rotateX(20deg) translateY(2px) rotate(-3deg); }
    50%{ transform:translateY(-20px) rotate(3deg) scale(1.1);  }
}

#duyquyenLogo span:nth-child(4n) { color:hsl(50, 75%, 55%); text-shadow:1px 1px hsl(50, 75%, 45%), 2px 2px hsl(50, 45%, 45%), 3px 3px hsl(50, 45%, 45%), 4px 4px hsl(50, 75%, 45%); }
#duyquyenLogo span:nth-child(4n-1) { color:hsl(135, 35%, 55%); text-shadow:1px 1px hsl(135, 35%, 45%), 2px 2px hsl(135, 35%, 45%), 3px 3px hsl(135, 35%, 45%), 4px 4px hsl(135, 35%, 45%); }
#duyquyenLogo span:nth-child(4n-2) { color:hsl(155, 35%, 60%); text-shadow:1px 1px hsl(155, 25%, 50%), 2px 2px hsl(155, 25%, 50%), 3px 3px hsl(155, 25%, 50%), 4px 4px hsl(140, 25%, 50%); }
#duyquyenLogo span:nth-child(4n-3) { color:hsl(30, 65%, 60%); text-shadow:1px 1px hsl(30, 45%, 50%), 2px 2px hsl(30, 45%, 50%), 3px 3px hsl(30, 45%, 50%), 4px 4px hsl(30, 45%, 50%); }

#duyquyenLogo span:nth-child(2){ animation-delay:.05s; }
#duyquyenLogo span:nth-child(3){ animation-delay:.1s; }
#duyquyenLogo span:nth-child(4){ animation-delay:.15s; }
#duyquyenLogo span:nth-child(5){ animation-delay:.2s; }
#duyquyenLogo span:nth-child(6){ animation-delay:.25s; }
#duyquyenLogo span:nth-child(7){ animation-delay:.3s; }
#duyquyenLogo span:nth-child(8){ animation-delay:.35s; }
#duyquyenLogo span:nth-child(9){ animation-delay:.4s; }
#duyquyenLogo span:nth-child(10){ animation-delay:.45s; }
#duyquyenLogo span:nth-child(11){ animation-delay:.5s; }
#duyquyenLogo span:nth-child(12){ animation-delay:.55s; }
#duyquyenLogo span:nth-child(13){ animation-delay:.6s; }
#duyquyenLogo span:nth-child(14){ animation-delay:.65s; }

@media (max-width: 768px) {
    .slider .slide-text.duyquyen{
        padding-top: 50px;
        height: 304px;
    }

    .slide-detail {
        margin-top: 20px;
        text-align: left;
        margin-left: 15%;
    }
    #duyquyenLogo {
        font:bold 9.5vw/1.6 'Signika', sans-serif;
        font-family: 'Baloo Tamma', cursive;
        user-select:none;
    }

}