body{
    font-size: 1.125rem;
}

.hederText{
    text-shadow: 1px 2px 3px #6c757d;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.border-top-green {
    border-top: thin solid #236331;
}

.text-success-home{
    color: #236331;
}
.footer li {
    margin-bottom: 0.5rem;
}

.footer h5 {
    margin-bottom: 0.75rem;
}

.genres-links {
    display: flex;
}

.genres-contents {
    padding: 15px 0px;
    line-height: 2;
}

.genre-ul {
    width: 48%;
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .genres-links {
        display: block;}
}