@keyframes skeleton-animation {
    0% {
        background-position: -200px 0;
    }
    100% {
        background-position: calc(200px + 100%) 0;
    }
}

.skeleton {
    background-color: #003047!important;
    background-image: linear-gradient( 90deg, #003047, #002538, #003047);
    background-size: 200px 100%;
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 1;
    width: 100%;
    animation: skeleton-animation 2.5s ease-in-out infinite;
}

.semi-skeleton {
    color: #003047!important;
}

.semi-skeleton.semi-skeleton-bg {
    background-color: #003047!important;
    background-image: linear-gradient( 90deg, #003047, #002538, #003047)!important;
    background-size: 200px 100%!important;
    background-repeat: no-repeat!important;
    line-height: 1!important;
    animation: skeleton-animation 2.5s ease-in-out infinite;
}

.semi-skeleton img {
    filter: grayscale(1)!important;
    opacity: 0.5!important;
}
h1.page-title {
    margin-bottom: 0.75em;
}

@media screen and (max-width: 767px) {
    h1.page-title {
        margin-bottom: 0.65em;
        font-size: 192%;
    }
}