@media (max-width: 576px) {.hero-image {display: none;}}
@media (max-width: 376px) {.hero-image {display: none;}}

.box-info .box-header {font-size: 1.6rem; font-weight: 700; font-family: 'Roboto Slab'; line-height: 1.2; margin-bottom: 1rem;}

.box-info.performance:before {content: ""; background-image: url('../../img/use-cases/bkg-muscle-builder.jpg');  opacity: 0.3; z-index:-1;
    background-size: cover; background-repeat: no-repeat;  position: absolute; top: 0px; right: 0px; bottom: 0px;  left: 0px;}

.box-info.wearables:before {content: ""; background-image: url('../../img/schedule/striped-lines-md.jpg');  opacity: 0.8; z-index:-1;
    background-size: 100% auto; background-repeat: no-repeat; position: absolute;  top: 0px; right: 0px; bottom: 0px;  left: 0px;}


.modal .modal-body.use-case {font-size:1.1rem;}
.modal .modal-body.use-case h4, .modal .modal-body.use-case strong {font-weight:700;}

@media (max-width: 992px) {.modal .modal-body.use-case h4 {font-size: 1.375rem;}}