.intro { position: relative; overflow: hidden; background: #000 url("https://media1.shmoop.com/images/landing_images/calculus-intro-bg.png ") top center no-repeat; }
.intro h1 { font-family: 'Gloria Hallelujah', Regular; color: #FFF; font-size: 6em; margin: 0 auto 25px; white-space: nowrap;}
.intro h2 { font-family: 'Roboto', Regular; color: #f4e3ca; font-size: 2em; margin: 0 auto;}
.intro .resources-list {margin: 15px auto 25px;}

ul.alpha-sort { list-style: none; margin: 0; padding: 0; }
ul.alpha-sort li { float: left; margin: 0 15px 0 0; }
ul.alpha-sort li a.resources-button { width: 115px; display: block; height: 28px; width: 83px; text-decoration: none; line-height: 17px; padding-top: 17px; font-size: 1.2em; }
ul.alpha-sort li.popular a.resources-button { padding-top: 10px; height: 35px; font-size: 1em; }

.tab-content h4 { margin: 5px 0; }
.tab-content a.btn-primary { background-color: #FF613B; color: #fff; font-size: 1.1em; margin-top: 15px; padding: 10px 20px; }

@media only screen
and (max-width : 768px) {
	.intro h1{ font-size: 4.4em; margin-bottom: 15px; white-space: normal;}
	.intro h2 { font-size: 1.6em; }
        .right-banner {display:none;}
}