@media screen and (max-width: 1240px) {
	#temp_band .photo {
		flex: 0 1 45%;
	}
	
	#temp_band h2 { 
		flex: 0 1 55%;
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media screen and (max-width: 1210px) {
	#content {
		overflow: hidden;
	}

	#section_banner .container .section_title {
		left: 2vw;
	}

	#content {
		width: 100%;
	}

	body.sidebar #content {
		padding: 0vw 2vw;
	}


	section .container {
		width: 100%;
	}

	section.narrowright .container {
		padding-left: 380px;
		padding-right: 2vw;
	}

	main {
		padding-left: 2vw;
		padding-right: 2vw;
	}

	body.sidebar main {
		padding-top: 2vw;
		width: calc(100% - 300px);
		margin-left: 300px;
	}

	body.sidebar.wide main {
		width: calc(100% - 300px);
		margin-left: 300px;

	}

	body.landing main {
		padding: 0px;
	}

	body.landing #sidebar {
		left: 2vw;
	}

	#section_banner .container {
		width: 100%;
	}

	body.landing #section_banner .container .section_title {
		left: auto;
		right: 2vw;
	}

	#about .container {
		padding-left: 2vw;
		padding-right: 2vw;
	}


	.horizontal_scroll {
		max-width: 100%;
		width: 96vw;
		overflow-x: scroll;
	}

	ul.dirtab li .topics .icon a {
		width: 70px;
	}
	
	body.yearbook section {
		padding: 0 30px;
	}

}

@media screen and (max-width: 1060px) {

	ul.newslist li .thumb {
		width: 200px;
		height: 200px;
	}

	body.sidebar main {
		width: 72%;
		margin-left: 28%;
	}

	body.sidebar #sidebar {
		width: 25%;
	}

	section.verynarrowright .container {
		padding-left: calc(100vw - 350px);
	}
	#band_carle .container::before, #band_leadership .container::before {
			left: 38%;
			top: 50%;
			transform: rotate(185deg) scale(4)
		}

	ul.dirtab li .topics .label {
		display: none;
	}
	
	#temp_band .photo {
		flex: 0 1 40%;
	}
	
	#temp_band h2 { 
		flex: 0 1 60%;
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 10px;
	}
}


@media screen and (max-width: 1000px) {


	#section_banner {
		height: 180px;
	}

		#section_banner .container .section_title {
			top: 130px;
			width: 60%;
		}

	body.landing #section_banner {
		height: 250px;
	}
		
		body.landing #section_banner .container .section_title {
			top: 100px;
			font-size: 3em;
		}

	body.landing #sidebar {
		top: 90px;
	}

	#sidebar h2 {
		font-size: 1.1em;
	}

	
	.x120, .x150  {
		font-size: 100%;
	}

	.x175, .x200 {
		font-size: 125%;
	}

	.x250, .x300, .x400, .x450 {
		font-size: 200%;
	}


	body.home #feature {
		height: 60vh;
	}

	#slogan {
		top: 30vh;
	}

	#band_leadership .container,
	#band_carle .container {
		padding: 15vw;
	}
	
	#band_carle .container::before, #band_leadership .container::before {
			transform: rotate(185deg) scale(3.5)
		}

	#band_campus_news .container, #band_hiring .container {
		padding-left: 0;
		text-align: center;
	}
	
	#band_campus_news, #band_hiring {
		background-color: transparent;
	}
	
	#band_campus_news .container h2, #band_hiring .container h2,
	#band_campus_news .container p, #band_hiring .container p{
		padding: 10px;
		background-color: rgba(26, 58, 83, .9);
		margin: 0;
	}
	
	#band_campus_news .container svg, #band_hiring .container svg{
	    left:0;
		right: 0;
		margin: auto;
		width: 100%;
	}
	#temp_band .photo {
		flex: 0 1 100%;
	}
	
	#temp_band h2 { 
		flex: 0 1 100%;
		padding: 40px;
	}
	

	
		
	

}

@media screen and (max-width: 773px) {

	h1 {
		font-size: 2em;
		margin: 0px 0px 10px 0px;
	}


	h2 {
		font-size: 1.5em;
		font-weight: bold;
		margin: 0px 0px 10px 0px;
	}

	h3 {
		font-size: 1.25em;
		margin: 0px 0px 10px 0px;
	}

	h4 {
		font-size: 1.25em;
		margin: 0px 0px 5px 0px;
	}
	ul.newslist {
		flex-wrap: wrap;
	}

	ul.newslist li {
		width: 100%;
	}

	ul.dirtab li .topics .icon a {
		width: 16.66%;
	}
	
	.yearbook-entry {
		flex: 0 1 100%;
	}
	
}

@media screen and (max-width: 667px) {
	
	body.landing main {
		padding-top: 40px;
	}

	body.landing.home main {
		padding-top: 0px;
	}

	#section_banner,
	body.landing #section_banner {
		margin: 0px;
		height: 150px;
	}


		#section_banner .container .section_title,
		body.landing #section_banner .container .section_title {
			color: #ffffff;
			left: 2vw;
			right: auto;
			font-size: 2em;
			top: 80px;
			padding: 0px;
			height: auto;
		}

			#section_banner .container .section_title::before, #section_banner .container .section_title::after {
				display: none;
			}
	section.orangeskew_right .container {
		text-align: center;
	}
	section.orangeskew_right::after{
		width: 90%;
		right: 4%;
	}
	#calendar::before {
		opacity: .2;
	}
	#calendar::after {
		display:none;
	}
			
	body.sidebar #content {
		padding: 0px;
	}

	body.landing #sidebar,
	body.sidebar #sidebar {
		position: relative;
		top: auto;
		left: auto;
		background-color: transparent;
		width: 100%;
		padding: 0px;
	}
		body.landing #sidebar::before, body.landing #sidebar::after {
			display: none;
		}


	#sidebar ul {
		display: none;
	}
		
	#content #sidebar h2 {
		display: none;
		font-size: 1.5em;
	}

		#sidebar.on ul, #content #sidebar.on h2 {
			display: block;
		}

	#sidebar #sidebar_header {
		display: block;
		background-color: #1c447e;
		margin-bottom: 0px;
	}


		#sidebar #sidebar_header #cheeseburger {
			margin: 2px 10px 0px 0px;
			padding: 2px 10px 4px 10px;
			font-size: 1.5em;
			text-transform: uppercase;
		}
			#sidebar #sidebar_header #cheeseburger span {
				width: 25px;
			}

			#sidebar #sidebar_header #cheeseburger a {
				color: #ffffff;
				display: block;
				text-decoration: none;
			}

				#sidebar #sidebar_header #cheeseburger a::before {
					content: "\f0c9";
					font-family: "Font Awesome 5 Pro";
					display: inline-block;
					padding-left: 10px;
					color: #d6de23;
					display: inline-block;
					width: 45px;
				}

				#sidebar #sidebar_header #cheeseburger a.show::before {
					content: "\f00d";
				}

	#sidebar > ul {
		padding: 10px;
	}
		#sidebar > ul > li {
			padding: 10px;
			background-color: #e0e0e0;
			border-bottom: 1px solid #ffffff;
		}

	body.landing #sidebar > ul::before {
		display: none;
	}

	body.landing #sidebar ul li a {
		font-weight: bold;
		color: #2778a0;
	}

	body.landing #sidebar ul li ul li a {
		color: #102b4c;
		font-weight: normal;
	}

	main, body.sidebar main {
		width: 100%;
		margin-left: 0px;
		padding-top: 40px;
	}


	section.narrowright .container {
		padding: 2vw;
	}
	.photo {
		max-width: 100vw;
		
	}

		.photo.fright {
			margin: 0px 0px 20px 0px;
		}

	.callout, .abet_badge {
		display: none;
	}

	#about .col {
		float: none !important;
		margin: 0px auto 60px auto;
		width: 100%;
	}

	.p25, .p75 {
		width: 100%;
	}
	
	ul.newslist li {
		width: 100%;
		margin: 0px 0px 15px 0px;
	}
	
}


@media screen and (max-width: 565px) {
	/*header #site_name h1, header.reduced #site_name h1 {
		top: 38px;
	}*/

	#slogan {
		width: 90vw;
	}

		#slogan span {
			white-space: nowrap;
		}

	section.twocol .col {
		width: 100% !important;
	}
	
	/*header #imark a,
		header.reduced #imark a {
			height: 30px;
			width: auto;
		}*/


	ul.dirtab li .photo {
		width: 100px;
		height: 150px;
		float: right;
		margin: 7px 0px 20px 20px;
	}
}


@media screen and (max-width: 435px) {
	.fleft, .fleft2, .fright, .fright2, .fleft3, .fleft2-3 {
		width: 100% !important;
		padding: 0vw 0vw 5vw 0vw !important;
		margin: 0px !important;
	}

		ul.newslist li.wide {
			width: 100%;
		}

	#calendar ul {
		column-count: 1;
		-moz-column-count: 1;
	}

		
		.x300 {
			font-size: 150%;
		}
		section.gap {
		   margin: 75px 0px;
		}
		
}



@media screen and (max-width: 415px) {
	ul.dirtab li .photo {
		float: none;
		margin: 0px auto 20px auto;
	}
}


/*@media screen and (max-width: 375px) {
	header #site_name a, header.reduced #site_name a {
		font-size: 1.25em;
	}

}*/