/*Subject Landing Pages*/
.header { margin-bottom: 0; }
.breadcrumb li a { color: #FF613B;  text-decoration: none; }
.intro { position: relative; overflow: hidden; }
.intro img.board { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.intro .wrapper {  width: 100%; position: relative; }
.intro .breadcrumb > li { text-shadow: 0 1px 0 #000; }
.intro .head {width: 80%; margin: 0 auto; text-align: center;}
.intro h1 { font-family: 'Homemade Apple', cursive; color: #FFF; font-size: 6em; margin: 0 auto 45px; white-space: nowrap;}
.intro h2 { font-family: 'Bitter'; color: #f4e3ca; font-size: 2.2em; margin: 0 auto;}
.intro .resources-list {margin: 25px auto;}
.intro .resources-button {width: 95%; margin-top: 2px; background-color: #FF613B; color: #fff; float:left; padding: 10px 6px; font-family: 'Bitter'; text-transform: uppercase; font-size: 1em; border-radius: 3px; cursor: pointer;}
.intro .resources-button:hover {background-color: #e15c40;}
.intro .resources-button .chevron {display: inline; margin-left: 2px;}

.resources-wrapper {width: 100%; background-color: #faf8f5;}
.resources-wrapper .resources {width: 100%;}
.resources h2 { font-family: 'Bitter'; color: #333; font-size: 2em; text-align: left; text-transform: uppercase;  margin: 25px 0 5px;}
.resources p { font-family: 'Roboto'; color: #20292f; font-size: 1em; line-height: 1.2em; font-weight: 500;}
.resources h4 a { font-family: 'Roboto'; color: #ff613b; font-size: 1.1em; line-height: 1.4em; text-decoration: none; font-weight: 500;}
.resources h4 a:hover { color: #fa9d48; }
.resources h4 .chevron {display: inline; margin-left: 2px; margin-top: -2px;}
.resources .life-skills {margin-bottom: 30px;}

@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; }
        .intro .resources-button {width: 95%; height: 20px; margin-top: 5px; line-height: 20px; padding: 10px 6px; display: block;}
        .right-banner {display:none;}
}

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; }