#layout a {
    text-decoration: none;
}

img {
    max-width:100%;
    height:auto !important;
}

.column-breaker {
    margin-left:-.75rem;
    margin-right:-.75rem;
}

.bg-cover,
.bg-cover-center {
    background-size:cover;
}
.bg-contain,
.bg-contain-center {
    background-size:contain;
}
.bg-contain-center,
.bg-cover-center {
    background-repeat:no-repeat;
    background-position:center;
}

.cursor-pointer {
    cursor:pointer;
}

.opacity-0, .hover-opacity-0:hover { opacity:0; }
.opacity-10, .hover-opacity-10:hover { opacity:0.1; }
.opacity-20, .hover-opacity-20:hover { opacity:0.2; }
.opacity-30, .hover-opacity-30:hover { opacity:0.3; }
.opacity-40, .hover-opacity-40:hover { opacity:0.4; }
.opacity-50, .hover-opacity-50:hover { opacity:0.5; }
.opacity-60, .hover-opacity-60:hover { opacity:0.6; }
.opacity-70, .hover-opacity-70:hover { opacity:0.7; }
.opacity-80, .hover-opacity-80:hover { opacity:0.8; }
.opacity-90, .hover-opacity-90:hover { opacity:0.9; }
.opacity-100, .hover-opacity-100:hover { opacity:1; }

.box-list-item {
    border:1px solid rgba(0,0,0,0.3);
    background-color:rgba(0,0,0,0.15);
}
.box-list-item:hover {
    border:1px solid rgba(0,0,0,0.45);
    background-color:rgba(0,0,0,0.3);
}
.box-list-item-light {
    border:1px solid rgba(255,255,255,0.3);
    background-color:rgba(255,255,255,0.15);
}
a.box-list-item-light:hover {
    border:1px solid rgba(255,255,255,0.45);
    background-color:rgba(255,255,255,0.3);
}