* {
    box-sizing: border-box
}

body {
    font-family: Verdana, sans-serif
}

img {
    vertical-align: middle
}

.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center
}

.active {
    background-color: #717171
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@media only screen and (max-width:300px) {
    .text {
        font-size: 11px
    }
}