/* region carousel */
.carousel-caption {
    top: 20px;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0,0,0,.3);

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}

.carousel-caption > div {
    height: 100%;
    padding: 20px;
}

.carousel-control:hover,
.carousel-control:focus {
    color: inherit;
    text-decoration: none;
    filter: none;
    opacity: inherit;
}

.carousel-control.right,
.carousel-control.left {
    background-image: none;
}

.carousel-indicators {
    bottom: 0;
}
/* endregion carousel */

/* region article */
article {
    background-color: rgba(255, 255, 255, 1);
    margin-bottom: 10px;
    padding: 10px;
}

.article-title h2 {
    margin-top: 0;
    text-align: center;
}
.article-meta {
    text-align: center;
}

article img {
    -webkit-filter: grayscale(100%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
article:hover img {
    -webkit-filter: grayscale(0%);
}
figure {
    overflow: hidden;
}
/* endregion article */