#wideClassMessage {background-color: #777777;  box-shadow: 0 8px 6px -6px #c4c4c4; position: relative;}
.titlebar {color: #ffffff;}
.titlebar h1 {font-family: Lato; width: 80px; height: 80px; background: white;text-align: right;border-radius: 50px;font-size: 67px !important; float: left; margin: 10px 42px 10px 0px; padding-left: 17px; font-weight: bold; line-height: 75px !important; color: #777777;}


.course-section {margin-bottom: 30px;}
h2.section-head {padding-top: 20px; color: #949494; margin-bottom:20px;}
div.fade {display:none;}
.downloadblocks:hover .fade {display:block; position: absolute; height: 100%; width: 100%; right: 0; top: 0; opacity: .9;}
.downloadblocks {position: relative; margin-bottom: 30px !important;} 
.click {position: absolute; top: 46%; font-size: 20px; color: white; width: 100%; height: 100%; text-align: center;}
.coachcalls {margin-bottom:20px;}
.addthis_32x32_style {margin-top: 20px;}
.daily {padding-left: 5px !important;} /*daily affirmations were wrapping weird b'c of bootstrap first child no padding rule*/
.mbMiniPlayer {margin-top: 30px;}
.audioDL .mbMiniPlayer {margin-top:4px;}

.spinner {
width: 30px;
height: 30px;
background-color: #333;
margin: 100px auto;
-webkit-animation: rotateplane 1.2s infinite ease-in-out;
animation: rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes rotateplane {
0% { -webkit-transform: perspective(120px) }
50% { -webkit-transform: perspective(120px) rotateY(180deg) }
100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) }
}
@keyframes rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
} 50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
} 100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}




/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

.downloadblocks {margin-bottom: 0px !important;} 

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }