.visible-xs, .visible-sm, .visible-md {
    display: none;
}

.templates .template {
    text-align: center;
}

.templates .template img {
    max-width: 100%;
}

.templates .template input[type=radio] {
    display: none;
}

.templates .template label {
    cursor: pointer;
    padding: 5px;
    border: 1px #cccccc solid;
}

.templates .template label img {
    margin-bottom: 5px;
    opacity: 0.75;
    -webkit-filter: grayscale(0.15);
}

.templates .template input[type="radio"]:checked+label{
    font-weight: bold;
    outline: 3px #666666 solid;
    outline-offset: -3px;
    background-color: #f0f0f0;
}

.templates .template label:hover,
.templates .template input[type="radio"]:checked+label > img {
    opacity: 1;
    -webkit-filter: grayscale(0);
}

#bread-crumb h1 small {
    font-size: 0.6em;
}