@media only screen and (min-width: 568px) {
.st-jude { padding: 60px 0 0 0;  }
.st-jude-merch { padding: 80px 0 0 0;  }
}

@media only screen and (max-width: 568px) and (min-width: 320px) {
.home .slick-slide h2 {font-size: 12px;}
.st-jude, .st-jude-merch { padding: 13px 0 0 0; }
.home .slick-slide .btn { padding: 4px 12px; font-size: 12px;}
}

.carousel-item h2 {
        text-shadow: 2px 2px 4px #444;
}