/* @override https://sierracollege-matt.dev6.leepfrog.com/css/handheld-home.css */



@media(max-width:949px) {
	#homepage-wrapper {
		padding-top:48px;
	}

	.staffblock {
		height:325px;
	}
	.homepage .wrap {
		width: auto;
		padding: 0 12px;
		box-sizing: border-box;
	}
	section#hero, div#hero {
		top: 0;
	}
}

@media(max-width:874px) {

	#hero .slide-info h2 {
		font-size:2.8em;
	}
	#hero .slide-buttons {
		padding:0;
		text-align: center;
	}
	#hero .slide-button {
		width:46%;
	}

	#findpath #path-photo {
		width:350px;
	}
	#findpath #path-info {
		width: calc(100% - 375px);
		padding-top:5px;
	}

	#planning .plan-item {
		width:50%;
		padding:0 10px;
		margin-bottom:30px;
	}
	#planning .plan-item .plan-circle {
		width:60%;
		padding-top:60%;
	}

	#ranked h2 {
		padding-left:120px;
		padding-right:10px;
	}
}


@media(max-width:767px) {

	#findpath #path-photo {
		width:auto;
		float:none;
	}
	#findpath #path-photo img {
		width:100%;
		height: auto;
	}
	#findpath #path-info {
		width:auto;
		float:none;
		padding:10px 0 0;
	}
	#findpath h2 {
		text-align: center;
	}

	.staffblock {
		height:275px;
	}
	.staffblock h3 {
		padding:0 10px;
	}

	#sl-info .wrap {
		padding:25px 60px;
	}
	#sl-info #sl-events {
		float:none;
		margin:0 auto 35px auto;
	}
	#sl-info p {
		float:none;
		width:auto;
	}

	#ranked h2 {
		padding-left:100px;
		padding-right:10px;
	}

	#applied #hub {
		width:100%;
	}

}

@media(max-width:669px) {
	#hero .slide-caption, #studentlife-copyright span {
		display: none;
	}
	#ranked-items .ranked-item {
		width:100%;
		float:none;
		margin-bottom:35px;
	}

	#sl-headline h2 {
		font-size:1.6em;
	}

	#hero .slide-info {
		padding-bottom:32px;
	}
	#hero .slide-button {
		width:50%;
		display: block;
		margin:0 auto;
	}
	#hero .slide-button.hasicon {
		padding-bottom:8px;
	}
	#hero .slide-button + .slide-button {
		margin:10px auto 0;
	}

	#hero .slide-button span:before {
		width:20px;
		height:20px;
		top:5px !important;
	}
	#hero .slide-button#viewdepartments span:before {
		top:5px;
	}

	#ranked h2 {
		padding-left:100px;
		padding-right:10px;
		font-size:1.6em;
		background-position:15px center;
		background-size: 10%;
	}

	#sl-info .wrap {
		padding:25px 35px;
	}
	.staffblock, .staffblock:last-child {
		width:100%;
		float:left;
		background-position: center 10%;
	}
	
}

@media(max-width:589px) {
	#viewdepartments.slide-button {
		display: none;
	}
	section#ranked, div#ranked {
		padding:20px 0;
	}
	#hero .slide-info {
		padding-bottom: 20px;
	}
		#hero .slide-info h2 {
			font-size:2.1em !important;
			padding-bottom: 10px;
		}
	
	#hero .slide-button {
		width:75%;
	}

	h2 {
		font-size:1.714em !important;
	}
	#ranked h2 {
		background-size: 14%;
	}
	
}

@media(max-width:413px) {
	#hero .slide-info {
		padding-bottom: 20px;
	}
	#hero .slide-info h2 {
		font-size:1.8em !important;
		padding-bottom: 10px;
	}
	#planning .plan-item {
		width: 100%;
	}
	#planning .plan-item .plan-circle {
		width:30%;
		padding-top:30%;
	}
	#ranked h2 {
		background-size: 16%;
	}
	#sl-info #sl-events {
		width: 100%;
		padding-left:0;
		padding-top: 120px;
		background-position: center 0px;
	}
	#sl-events span.sl-number {
		width: 200px;
		margin: 0 auto 10px;
	}
	#hub #hub-logo {
		width: 100%;
		position: relative;
		text-align: center;
	}
	#hub #hub-text {
		padding-left: 0;
		width: 100%;
	}
	#hub #hub-text h3 {
		text-align: center;
	}
}