@media screen and (max-width: 1100px){
	.videoBannerText{
	    margin-top:100px;
	    left:20%;
	}
}
@media screen and (max-height: 700px) and (min-width:900px) {
	.slideBackground {
		height: 600px;
	}
}
@media screen and (max-width:850px){
	section#iframeBanner iframe{
		width:600px;
		height:338px;
	}
	section#iframeBanner button{
        display:block;
        width:78%;
        padding-left:0px;
        padding-right:0px;
        margin:0 auto;
        margin-bottom:6px;
    }
    section#iframeBanner a{
        display:block;
        padding-left:0px;
        padding-right:0px;
        width:78%;
        margin:0 auto;
        margin-bottom:6px;
    }
}
@media screen and (max-width:650px){
	section#iframeBanner iframe{
		width:450px;
		height:253px;
	}
	section#iframeBanner{
		min-height:60vh;
	}
	section#iframeBanner p.title{
		font-size:28px;
	}
}
@media screen and (max-width: 900px){
	.videoBannerText{
	    position:relative;
        left:0%;
	    padding:20px;
	    opacity:1;
	    text-align:center;
	    max-width:100%;
	    margin-top:0px;
	}
	.videoBannerText h1{
		font-size:32px;
	}
	.videoBannerText a{
		font-size:20px;
	}
	.videoBannerText p{
		font-size:16px;
	}
	.videoSliceText a{
		font-size:24px;
	}
	.videoSliceContainer{
	    max-height:300px;
    }
    .accordionBlock{
	    width:100%;
	    margin:0 auto;
	    margin-top:20px;
	    margin-bottom:0px;
    }
}
@-moz-document url-prefix() { 
	.slide.videoTwoBoxes, .slide.videoBoxWide {
		flex-direction: inherit;
	}
	.slide.videoTwoBoxes .box.video, .slide.videoBoxWide .box.video {
		margin: 0 0 20px 0;
	}
	.slides .box1 img, .slides .wide img {
		width:100%;
	}
	#quoteText ul {
		padding: 0;
	}
}
@media screen and (min-width: 1300px){
	.sub-nav {
		left:-35px;
	}
	body.IE11 #leftNav li div.dashboardIcons.navGroup {
		max-width: 425px;
		min-width: 425px;
		width:425px;
	}
}
@media screen and (min-width: 1400px){
	.row.departments .col-3 > div img {
		width:inherit;
		max-height: 250px;
	}
	section#quoteText .block.video, section#quoteText .block.img {
		max-width: 225px;
		/*max-height: 150px;*/
	}
	img.academicsImgs{
	max-width:500px;
	}
	section#LightBlueSection .row h2{
	font-size:24px !important;
	}
	section#LightBlueSection .row a{
	font-size:16px !important;
	}
}
@media screen and (max-width:1400px){
	img.academicsImgs{
	max-width:400px;
	}
	.col-7{
		padding:0px !important;
	}
}
@media screen and (min-width:1600px){
		.leftMessageText{
		font-size:20px !important;
	}
}
@media screen and (min-width:2000px){
	.kidsOnCampusBanner a{
	  font-size:24px !important;
	  min-width:200px;
	}
	.kidsOnCampusBanner img{
	  min-width:700px;
	}
	.leftMessageText{
		font-size:32px !important;
	}
	.trusteesParagraph{
	    font-size:20px !important;
    }
}
@media screen and (min-width: 1500px) {
	section#studentProfile > div {
		padding: 50px 40px;
	}
	#studentProfile .profile > img, #studentProfile .profile > iframe, #studentProfile .profile > p {
		border-right: 5px solid #fff;
	}
	#videoProfile .profile > img, #videoProfile .profile > iframe, #videoProfile .profile > p {
		border-left: 5px solid #fff;
	}
	#studentProfile .myBucksTag {
		border-right: 2px solid #fff;
		right: -15px;
	}
	#videoProfile .myBucksTag {
		border-left: 2px solid #fff;
		left: -15px;
	}
	.sub-nav {
		left:-40px;
	}
	body.IE10 #subpage #bodyCopy, body.IE11 #subpage #bodyCopy.resize {
		max-width: 76%;
	}
	body.IE10 #landingPage #bodyCopy, body.IE11 #landingPage #bodyCopy.resize {
		max-width: 58%;
	}
	body.IE10 #landingPage, body.IE11 #landingPage {
		width:93%;
	}
	body.IE10 #footerWrapper, body.IE11 #footerWrapper {
		position: relative;
		left: -5%;
	}
}
@media screen and (min-width: 1700px){
	body.IE10 #footerWrapper, body.IE11 #footerWrapper {
		position: relative;
		left: -10%;
	}
	.trusteesParagraph{
	    font-size:16px;
    }
}
@media screen and (max-width: 1500px){
	#leftNav {
		margin: 0 35px 0 -35px;
	}
	#subpage, #catalog {
		padding:0 65px;
	}
	body.IE10 #subpage #bodyCopy, body.IE11 #subpage #bodyCopy.resize {
		max-width: 76%;
	}
	body.IE10 #landingPage #bodyCopy, body.IE11 #landingPage #bodyCopy.resize {
		max-width: 55%;
	}
	body.IE10 #landingPage, body.IE11 #landingPage {
		width:93%;
	}
}
@media screen and (max-width: 1400px){
	#leftNav {
		margin: 0 35px 0 -35px;
	}
section#LightBlueSection p {
	font-size:14px;
}
	#subpage, #catalog {
		padding:0 55px;
	}
	#rightSide {
		position: relative;
		right: -10px;
	}
	body.blueHeader #rightSide {
		right: 0;
	}
	body.IE10 #subpage #bodyCopy, body.IE11 #subpage #bodyCopy.resize {
		max-width:74%;
	}
	body.IE10 #landingPage #bodyCopy, body.IE11 #landingPage #bodyCopy.resize {
		max-width:51%;
	}
	body.IE10 #landingPage, body.IE11 #landingPage {
		width:92%;
	}
	section#quoteText .block.video, section#quoteText .block.img {
		max-width: 225px;
		/*max-height: 150px;*/
	}
	section#quoteText .block.video {
		min-height: 150px;
	}
	.next {
		right: -40px;
	}
}
@media screen and (max-width: 1330px) {
	#leftNav li .navTitle span {
		display: none;
	}
	.alumstories iframe{
		margin-left:30%;
		max-width:400px;
	}
}
@media screen and (max-width: 1300px) {
	#leftNav {
		margin: 0 20px 0 -20px;
	}
	.videoBannerText h1{
		font-size:40px;
	}
	.videoBannerText p{
		font-size:18px;
	}
	#leftNav li div.navGroup.dashboardIcons {
		max-width: 400px;
		min-width: 400px;
		width: 400px;
	}
	#leftNav li div.dashboardIcons ul li {
		max-width: 110px;
		min-width: 100px;
	}
	#students-nav .sub-nav div.dashboardIcons ul li a {
		font-size: .75em;
	}
	.dashboard-icon-link {
		height: 100px;
	}
	.dashboard-icon-image {
		font-size: 40px;
	}
	.canvas {
		background-size: 40px 40px;
		height: 40px;
		width:40px;
	}
	.dashboard-icon-title {
		font-size: 1em;
	}
	body.IE10 #subpage #bodyCopy, body.IE11 #subpage #bodyCopy.resize {
		max-width:72%;
	}
	body.IE10 #landingPage #bodyCopy, body.IE11 #landingPage #bodyCopy.resize {
		max-width:47%;
	}
	body.IE10 #landingPage, body.IE11 #landingPage {
		width:91%;
	}
		#register-blue p.title {
        font-size:2.9em !important;
	}
}
@media screen and (max-width: 1220px){
	#leftNav li div.navGroup.dashboardIcons {
		width:375px;
		max-width: 375px;
		min-width: 375px;
	}
	#leftNav li div.dashboardIcons ul li {
		max-width: 100px;
		min-width: 100px;
	}
}
@media screen and (max-width: 1274px){
	#leftNav li .navScroll {
		flex-wrap: wrap;
	}
	#leftNav li .navTitle span {
		display: inline-block;
	}
	#leftNav li div.navGroup.dashboardIcons, body.IE11 #leftNav li div.navGroup.dashboardIcons {
		width:inherit;
		max-width: inherit;
		min-width: inherit;
	}
	#leftNav li div.dashboardIcons ul li {
		max-width: 90px;
		min-width: 90px;
		margin:0 15px 0 0;
	}
	#students-nav .sub-nav div.dashboardIcons ul li a {
		font-size: .875em;
	}
	.dashboard-icon-image {
		font-size: 50px;
	}
	.dashboard-icon-link {
		height: 90px;
	}
	.dashboard-icon-title {
		font-size: .875em;
		text-transform: inherit;
	}
	#leftNav li div.navGroup {
		max-width: 28%;
		min-width: 28%;
	}
	#leftNav li#community-nav .navAudience {
		order:1;
	}
	#leftNav li#community-nav .navAudience:first-of-type {
		order:2;
		margin: 0 0 0 15px;
	}
	body.IE10 #subpage #bodyCopy, body.IE11 #subpage #bodyCopy.resize {
		max-width:70%;
	}	
	body.IE10 #landingPage #bodyCopy, body.IE11 #landingPage #bodyCopy.resize {
		max-width:42%;
	}	
	body.IE10 #landingPage, body.IE11 #landingPage {
		width:90%;
	}
	body.IE11 #leftNav li div.navGroup.dashboardIcons ul {
		max-width:100%;
	}
	section#quoteText .marketingBlock-white .markBlocks, section#quoteText .marketingBlock-white .markBlocks:first-of-type {
		flex-direction: column;
		justify-content: flex-start;
	}
	section#quoteText .marketingBlock-white .markBlocks:first-of-type {
		align-items: center;
		width:40%;
	}
	section#quoteText .block {
		width:100%;
	}
	section#quoteText .block:first-of-type {
		margin: 0 0 30px 0;
		/*padding: 0 0 10px 0;*/
		border-right: 0;
	}
	section#quoteText .markBlocks:last-of-type .block:first-of-type::after {
		right: 0;
		top: inherit;
		border-right: 0;
		border-bottom: 1px solid #eee;
		left: 25%;
		bottom: -15px;
		height: 1px;
		width: 50%;
	}
	.slides {
		padding: 0 0 0 7%;
		transition:1s;
	}
	section#quoteText .block.video, section#quoteText .block.img {
		max-width: 260px;
		max-height: 160px;
		min-width: 260px;
		min-height: 160px;
	}

}
@media screen and (max-width: 1100px){
	body.IE11 #leftNav li div.navGroup.dashboardIcons ul {
		max-width:95%;
	}
	#leftNav .bucksfor-target:before{
		display: none;
	}
	section#LightBlueSection .col-5{
		width:100%;
	}
	section#LightBlueSection .col-7{
		width:100%;
	}
	body.ipad #sticky {
		top:30%;
	}
	.bucksfor:after{
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		margin: 0 0 0 5px;
		content: "\f0c0";
	}
	.slides {
		padding: 0 0 0 4%;
	}
	.slide.fourBox {
		padding: 0 0 0 4%;
	}
	#applicants-nav .bucksfor:after{
		content: "\f0c0";
	}
	#students-nav .bucksfor:after{
		content: "\f19d";
	}
	#community-nav .bucksfor:after{
		content: "\f19c";
	}
	#career-nav .bucksfor:after{
		content: "\f0b1";
	}
	.studentImg {
		min-width: 150px;
	}
	.studentImg img {
		max-width: 150px;
	}
	.instructions {
		margin: 0 10px 0 20px;
	}
	#bodyCopy .admissions .callToAction a {
		min-width: 175px;
	}
	.prev {
		left:-20px;
	}
	.next {
		right: -50px;
	}
	body.IE10 #subpage #bodyCopy, body.IE11 #subpage #bodyCopy.resize {
		max-width:68%;
	}
	body.IE10 #landingPage #bodyCopy, body.IE11 #landingPage #bodyCopy.resize {
		max-width:37%;
	}
	.trusteesParagraph{
		font-size:11px;
	}
}
@media screen and (max-width: 1024px) {
	body.IE10 #subpage #bodyCopy, body.IE11 #subpage #bodyCopy.resize {
		max-width:65%;
	}
	body.IE10 #landingPage #bodyCopy, body.IE11 #landingPage #bodyCopy.resize {
		max-width:62%;
	}
	.applyOptions a{
		display:block !important;
	}
	#landingPage #rightBoxes {
		max-width: 100%;
		margin: 30px 0 0 4%;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	.IE11 #landingPage #bodyCopy.calendarPage, .IE10 #landingPage #bodyCopy.calendarPage {
		max-width: 100%;
	}
	body.IE11 #landingPage #rightBoxes {
		height: 1200px;
	}
	body.IE11 #landingPage .calendarPage#rightBoxes, body.IE10 #landingPage .calendarPage#rightBoxes {
		height: auto;
	}
	.IE11 #landingPage.calendarLanding #rightSide.calendarAndNews, .IE10 #landingPage.calendarLanding #rightSide.calendarAndNews {
		max-width: 100%;
		width:100%;
	}
	body.IE10 #landingPage, body.IE11 #landingPage {
		width:89%;
	}
	body.IE11 .slides {
		padding: 0 0 0 6%;
	}
	body.IE10 .footer-links section {
		width:125px;
	}
	#emergency {
		padding: 20px;
	}
	header {
		padding: 0 20px;
	}
	/* fix for ipad */
	#rightNavigation ul li a {
		font-size:.875em;
	}
	.slides, .slide.fourBox {
		padding: 0 0 0 2%;
	}
	#subpage, #catalog {
		padding:0 30px;
	}
	aside#widget, aside.widget {
		min-width: 230px;
		max-width: 230px;
	}
	#rightColumn {
		min-width: 230px;
		max-width: inherit;
	}
	.sub-nav {
		left: -20px;
	}
	nav#subNav ul {
		max-width: 250px;
	}
	nav#subNav ul li ul, nav#subNav ul li ul li ul {
		width: 230px;
	}
	#leftNav li#career-nav .navScroll {
		display: block;
	}
	#landingPage #bodyCopy {
		max-width:50%;
	}
	.fam {
		display:block;
	}
	#board .person {
    	width: 48%;
    }
	#homeSearch {
		width:30%;
	}
	#leftNav li#community-nav .navAudience:last-of-type {
		order:2;
	}
	#leftNav li#community-nav .navAudience:first-of-type {
		order:1;
		margin: 0 15px 0 0;
	}
	#rightSide.fourBoxes {
		min-width: 515px;
		max-width: 515px;
	}
	.blueBox {
		min-width: 225px;
		max-width: 250px;
	}
	.blueBox .boxWrapper {
		height: 225px;
	}
	.calendarWrapper form#t4_calendar {
		max-width: 35%;
	}
	.calendarWrapper div#calendarResults {
		max-width: 60%;
	}
	@-moz-document url-prefix() { 
		#homeSearch {
			padding:15% 0 0 0;
		}
	}
	footer section#footer1 #address #text {
		margin: 20px 0 0 0;
	}
	footer section#footer1 p {
		font-size: 1em;
	}
	#subpage .regInfo ul {
		max-width: 45%;
	}
}
@media screen and (max-width: 1005px) {
	#leftNav li div.navGroup {
		min-width: 25%;
		max-width: 27%;
	}
	.slides.tallItems {
		padding: 0;
		width:100%;
	}
}
@media screen and (max-width: 975px) {
	#rightSide {
		margin: 0 0 0 4%;
		top: 0;
		right:0;
	}
	#landingPage #bodyCopy {
		max-width: 60%;
	}
	.blueBox {
		max-width: inherit;
		min-width: inherit;
		width:100%;
	}
	.blueBox:nth-of-type(even) {
		margin: 0
	}
	aside.calendarPage .blueBox:nth-of-type(2) .boxWrapper, aside.calendarPage .blueBox:nth-of-type(3) .boxWrapper {
		margin: 25px 0 0 0;
	}
	.blueBox:last-of-type {
		margin: -20px 0 0 0
	}
	aside.calendarPage .blueBox:last-of-type {
		margin: 0;
	}
	#rightSide.fourBoxes {
		min-width: 300px;
    	max-width: 300px;
	}
	.slide.fourBox {
		width:47%;
		padding: 0;
	}
}
@media screen and (max-width: 940px) {
	#leftNav li .navTitle span {
		display: none;
	}
	body.IE11 #studentImage {
		display: none;
	}
	.smallbluebtn{
		display:none;
	}
}
@media screen and (max-width: 900px) {
	header {
		padding: 0 1%;
	}
	section#stickyBanner{
	    position:relative;
	    bottom:0px;
	    padding-bottom:20px;
	}
	section#stickyBanner a{
		display:block;
	}
	section#conEdBanner .alumstories .center a{
		font-size:1.1em !important;
		margin-bottom:10px;
	}
	section#conEdBanner .alumstories .landingBigButton a{
		font-size:20px !important;
		padding:20px 10px;
	    margin-bottom:-12px !important;
	}
	section#conEdBanner .alumstories .landingBigButton{
	    width:fit-content;
    }
	section#conEdBanner .alumstories .applyOptions{
	    margin-top:-50px;
    }
    section#conEdBanner .alumstories .applyOptions a{
        max-width:200px !important;
        padding-bottom:50px;
        margin-top:-10px !important;
    }
    section#conEdBanner .alumstories .applyOptions a.creditLink::after{
        font-size:40px;
    }
    section#conEdBanner .alumstories .applyOptions a.noncreditLink::after{
        font-size:40px;
    }
	section#LightBlueSection{
		padding:30px 30px 30px 30px;
	}
	.kidsOnCampusMenu{
	position:relative;
	top:0px;
	}
	.kidsOnCampusBanner img{
		max-width: 250px;
	}
	section#conEdBanner .alumstories .bannerNav a{
	display:block !important;
	}
	#leftNav {
		margin: 0;
	}
	#leftNav li > a.openArrow::before {
		bottom: -14px;
	}

	#leftNav li > a.openArrow::after {
		bottom: -16px;
	}
	/*#leftNav li ol.admissionsSteps > li {
		max-width:45%;
	}*/
	#leftNav li ol.admissionsSteps > li::before {
		font-size: 1em;
		padding: 4px 11px;
	}
	#leftNav li ol.admissionsSteps > li div.title {
		top:-22px;
		left: 34px;
		font-size: .75em;
		font-weight: bold;
	}
	/*#homePage {
		height: 800px !important;
	}*/
	#topSearch {
		right: 20px;
	}
	#homeWrapper {
		height: auto;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		padding: 0 0px;
	}
	#homeSearch {
		width:80%;
	}
	#register-box {
		width:80%;
		padding: 6% 0 0 0;
		max-height: 340px;
	}
	#register-blue {
		width: inherit;
		max-width: inherit;
	}
	.slideBackground {
		height: cover;
	}
	.slides {
		width:100%;
		height: inherit;
		justify-content: center;
		padding: 0;
	}
	.prev {
		left: 0;
	}
	.next {
		right: 0;
	}
	.slide.fourBox {
		width:50%;
	}
	.slide.tallBoxes, .slide.comboBoxes {
		width:100%;
	}
	.slides.doubleWide {
		padding: 0;
	}
	.slides .box1 {
		margin: 0 0 20px -40px;
	}
	.slides .secondRow {
		position: relative;
	}
	.slide.videoTwoBoxes .secondRow, .slide.videoBoxWide .secondRow  {
		position: relative;
		left: 0;
	}
	.slide.videoTwoBoxes .box.video, .slide.videoBoxWide .box.video {
		margin: -40px 0 20px 0;
	}
	.slides .secondRow .box2 p, .slides .secondRow .box3 p {
		margin: 2px 0;
	}
	.marketingBox h2 {
		margin: 0;
	}
	.marketingBox:nth-of-type(1) .learnMoreBox .learnMoreL img, .marketingBox:nth-of-type(2) .learnMoreBox .learnMoreL img {
		max-width: 30%;
	}
	.learnMoreBox .learnMoreL .marketingText {
		margin: 0 0 0 44%;
	}
	.marketingBox:nth-of-type(2) .learnMoreBox .learnMoreL .marketingText {
		margin: 0 25% 0 12px;
	}
	.marketingBox:nth-of-type(2) .learnMoreBox .learnMoreL p {
		margin: 5px 40px 0 5px;
	}
	.profile > img {
		max-width: 300px;
	}
	.stack {
		column-count: 2;
	}
	.serieslist {
		flex-wrap: wrap;
	}
	.series {
		flex-basis: auto;
		width:48%;
	}
	.row.payment {
		display: flex;
		flex-direction: column;
	}
	.row.payment [class^="col"] {
		width:100%;
	}
	.alignleft {
		/*margin: 0 -100px 0 0 !important;*/
		margin: 0 -15px 0 0 !important;
	}
	
	.column.legroom .alignleft {
		margin-right:1em !important;
	}
	p.alignleft img {
		max-width: 96%;
	}
	.column.legroom .alignleft img {
		max-width: 100% !important;
	}
	#bodyCopy h3.getmatched {
		clear:left;
	}
	.row.foodChoice {
		display: flex;
		flex-direction: column;
	}
	.row.foodChoice div.col-4 {
		width:100%;
		margin: 0;
	}
	#bodyCopy .row.foodChoice div.col-4 ul {
		margin: 0 0 10px 0;
	}
	body.IE10 #subpage #bodyCopy, body.IE11 #subpage #bodyCopy.resize {
		max-width:64%;
	}
	body.IE10 #landingPage, body.IE11 #landingPage {
		width:88%;
	}
	body.IE10 #landingPage #bodyCopy, body.IE11 #landingPage #bodyCopy.resize {
		max-width:58%;
	}
	section#quoteText .marketingBlock-white {
		flex-direction: column;
		align-items: center;
	}
	section#quoteText .marketingBlock-white .markBlocks, section#quoteText .marketingBlock-white .markBlocks:first-of-type  {
		width:90%;
	}
	section#quoteText .marketingBlock-white .markBlocks:first-of-type {
		border-right: 0;
		border-top:1px solid #eee;
		order:2;
		margin: 5px 0 0 0;
		padding: 30px 0 0 0;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	section#quoteText .marketingBlock-white .markBlocks:last-of-type {
		order:1;
	}
	section#quoteText .marketingBlock-white .markBlocks:first-of-type .block {
		margin: 15px 10px 0 10px;
		padding: 0;
		max-width: 300px;
		max-height: 200px;
	}
	section#quoteText .block.video {
		min-height: 200px;
	}
	section#conEdBanner .alumstories .food p{
		text-align:left !important;
		display:block;
	}
	section#conEdBanner .alumstories .food h2{
		text-align:left;
		font-size:28px;
		text-decoration:underline;
		color:#fff;
		text-shadow:1px 1px 1px #0000008c;
	}
	section#conEdBanner .alumstories .food h4{
		text-align:left !important;
		font-weight:800;
		text-transform:capitalize;
		font-size:22px;
		color:#d5f2f9;
		text-shadow:-2px 1px 1px #0000008a;
		display:inline;
	}
	section#conEdBanner .alumstories .food{
		padding-top:20px;
		font-size:18px !important;
		text-align:left;
	}
    .sgaConstitution{
	    padding-top:30px;
	    width:90%;
    }
    .trusteesParagraph{
    	font-size:12px;
    }
}
@media screen and (max-width: 900px) {
	.burger {
		display: block;
		position: absolute;
		top:0;
		text-align: center;
		content: " ";
		font-size: 20px;
		margin: 0 auto;
		padding: 8px 10px 10px 10px;
		z-index: 1001;
		height: 40px;
		width:40px;
	}
	.burger .hamburger {
		display: block;
		font-size: 1.25em;
		color:#1c5068;
		z-index: 1001;
	}
	header {
		height: 50px;
	}
	section#storiesBanner{
		height:auto;
	}
	section#researchBanner, section#registerBanner, section#conEdBanner{
		height:auto;
	}
	#overlay.overlayActive {
		display: none;
	}
	nav {
		flex-direction: column;
	}
	header {
		border-bottom: 0px solid #4abbe7;
	}
	header.subPageHeader {
		box-shadow: none;
		padding: 0;
	}
	.mobileWrap {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		z-index: 999;
	}
	.logo {
		display: inline-block;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	header.desk .logo img {
		width:78px;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}
	header.mobile .logo img, header.desk.iPadOpen .logo img {
		width:40px;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}
	#rightNavigation ul li#topSearch {
		display: none;
	}
	#rightNavigation ul {
		top:0;
	}
	header.desk.second .burger {
		-webkit-animation-name: addHamburger;
		-webkit-animation-duration: 1s;
		animation-name: addHamburger;
		animation-duration: 1s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		animation-fill-mode: forwards;
		visibility: hidden;
	}
	@-webkit-keyframes addHamburger {
		from {top: -100px;}
		to {top: 0px; visibility: visible; transition: opacity .25s linear; opacity: 1;}
	}
	@keyframes addHamburger {
		from {top: -100px;}
		to {top: 0px; visibility: visible; transition: opacity .25s linear; opacity: 1;}
	}
	header.mobile .burger, header.desk.iPadOpen .burger {
		-webkit-animation-name: removeHamburger;
		-webkit-animation-duration: 1s;
		animation-name: removeHamburger;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
		visibility: visible;
	}
	@-webkit-keyframes removeHamburger {
		from {top: 0px;}
		to {top: -100px; visibility: hidden; transition: opacity .25s linear; opacity: 0;}
	}
	@keyframes removeHamburger {
		from {top: 0px;}
		to {top: -100px; visibility: hidden; transition: opacity .25s linear; opacity: 0;}
	}
	header.desk.second #topSearch {
		-webkit-animation-name: addSearch;
		-webkit-animation-duration: 1s;
		animation-name: addSearch;
		animation-duration: 1s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		animation-fill-mode: forwards;
		visibility: hidden;
	}
	@-webkit-keyframes addSearch {
		from {top: -100px;}
		to {top: 4px; visibility: visible; transition: opacity .25s linear; opacity: 1;}
	}
	@keyframes addSearch {
		from {top: -100px;}
		to {top: 4px; visibility: visible; transition: opacity .25s linear; opacity: 1;}
	}
	header.mobile #topSearch, header.desk.iPadOpen #topSearch {
		-webkit-animation-name: removeSearch;
		-webkit-animation-duration: 1s;
		animation-name: removeSearch;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
		visibility: visible;
	}
	@-webkit-keyframes removeSearch {
		from {top: 0px;}
		to {top: -100px; visibility: hidden; transition: opacity .25s linear; opacity: 0;}
	}
	@keyframes removeSearch {
		from {top: 0px;}
		to {top: -100px; visibility: hidden; transition: opacity .25s linear; opacity: 0;}
	}
	header.desk {
		height: 50px;
		-webkit-transition: all .75s;
		-moz-transition: all .75s;
		-ms-transition: all .75s;
		-o-transition: all .75s;
		transition: all .75s;
	}
	header.mobile, header.desk.iPadOpen {
		height: 100px;
		padding: 0;
		-webkit-transition: all .75s;
		-moz-transition: all .75s;
		-ms-transition: all .75s;
		-o-transition: all .75s;
		transition: all .75s;
	}
	header.desk .logo {
		left: 50%;
    	transform: translateX(-50%);
		transition: all 1000ms;
	}
	header.mobile .logo, header.desk.iPadOpen .logo {
		left: 5px;
    	transform: translateX(0);
		transition: all 1000ms;
	}
	header.desk.second #leftNav {
		-webkit-animation-name: hideLeftNav;
		-webkit-animation-duration: .25s;
		animation-name: hideLeftNav;
		animation-duration: .25s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		animation-fill-mode: forwards;
		display: flex;
		position: relative;
		height: 50px;
		visibility: visible;
	}
	@-webkit-keyframes hideLeftNav {
		from {top: -50px;}
		to {top: -100px; visibility: hidden; transition: opacity .25s linear; opacity: 0;} 
	}
	@keyframes hideLeftNav {
		from {top: -50px;}
		to {top: -100px; visibility: hidden; transition: opacity .25s linear; opacity: 0;}
	}
	header.mobile #leftNav, header.desk.iPadOpen #leftNav {
		-webkit-animation-name: addLeftNav;
		-webkit-animation-duration: .75s;
		animation-name: addLeftNav;
		animation-duration: .75s;
		-webkit-animation-timing-function: linear;
		animation-timing-function:linear;
		animation-fill-mode: forwards;
		display: flex;
		position: relative;
		height: 50px;
		margin: 0;
		visibility: hidden;
	}
	@-webkit-keyframes addLeftNav {
		from {top: -100px;}
		to {top: 50px; visibility: visible; transition: opacity .25s linear; opacity: 1;}
	}
	@keyframes addLeftNav {
		from {top: -100px;}
		to {top: 50px; visibility: visible; transition: opacity .25s linear; opacity: 1;}
	}
	header.desk #rightNavigation {
		-webkit-animation-name: hideRightNav;
		-webkit-animation-duration: .25s;
		animation-name: hideLeftNav;
		animation-duration: .25s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		animation-fill-mode: forwards;
		visibility: visible;
	}
	@-webkit-keyframes hideRightNav {
		from {top: 0px;}
		to {top: -300px; visibility: hidden; transition: opacity .25s linear; opacity: 0;}
	}
	@keyframes hideRightNav {
		from {top: 0px;}
		to {top: -300px; visibility: hidden; transition: opacity .25s linear; opacity: 0;}
	}
	header.mobile #rightNavigation, header.desk.iPadOpen #rightNavigation {
		-webkit-animation-name: addRightNav;
		-webkit-animation-duration: 1.1s;
		animation-name: addLeftNav;
		animation-duration: 1.1s;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
		display: block;
		position: relative;
		height: 50px;
		width:95%;
		/*margin:-80px 0 20px 0;*/
		margin:-50px 0 0 0;
		left: 5%;
		visibility: hidden;
	}
	@-webkit-keyframes addRightNav {
		from {top: -100px;}
		to {top: 0px; visibility: visible; transition: opacity .25s linear; opacity: 1;}
	}
	@keyframes addRightNav {
		from {top: -100px;}
		to {top: 0px; visibility: visible; transition: opacity .25s linear; opacity: 1;}
	}
	#leftNav {
		order: 4;
		width:100%;
		height: 60px;
	}
	#leftNav > li {
		border-top: 1px solid #e2e2e2;
		border-right: 1px solid #e2e2e2;
		padding: 5px 0;
		align-items: center;
	}
	#leftNav li:last-of-type {
		border-right: none;
	}
	#leftNav > li > a {
		width:100%;
		text-align: center;
	}
	#rightNavigation.move {
		width:80%;
		position: relative;
		top: -5px;
		height: 60px;
	}
	#homeLogo.move.homeLogo img {
		width:40px;
	}
	#rightNavigation ul {
		width:100%;
	}
	/*  mobile search bar */
	/*#mobileSearch {*/
	#topSearch {
		display:block;
		position: absolute;
		right:10px;
		top:5px;
	}
	#mobileNav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#mobileNav ul li.mainSections {
		margin: 25px 0 0 0;
	}
	#mobileNav ul li.mainSections:first-of-type {
		margin: 0;
	}
	#mobileNav ul section .navGroup:first-of-type {
		margin: 10px 0 0 0;
	}
	#mobileNav ul#mobileNavigation li ul {
		margin: 0 0 10px 0;
	}
	#mobileNav ul li .sectionTitle {
		font-size: 1.5em;
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		margin: 0;
		padding: 0;
	}
	#mobileNav section.sub-nav {
		display: block;
		position: inherit;
		top:inherit;
		left: inherit;
		border: none;
		box-shadow: none;
		margin: 0 0 0 20px;
		background-color: inherit;
	}
	#mobileNav ul li ul li, #mobileNav ul li ul li a {
		font-size: 1em;
	}
	#mobileNav ul li .dashboardIcons ul {
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin:0 0 0 -2px;
	}
	#mobileNav ul li .dashboardIcons ul li {
		margin: 0 2px;
	}
	#leftNav {
		margin: 0 5px 0 -5px;
		height: 50px;
		position: relative;
		top: -100px;
	}
	#rightNavigation {
		position: relative;
		top:-100px;
	}
	#leftNav li > a.openArrow::before {
		bottom: -7px;
	}
	#leftNav li > a.openArrow::after {
		bottom: -10px;
	}
	#leftNav li#community-nav .navScroll {
		flex-wrap: wrap;
	}
	.logo#subpageLogo img {
		/*width:40px;*/
		width:50px; /* leaf/winter size */
	}
	#leftNav li section {
		top:50px;
		width:97%;
		left: 0;
	}
	#leftNav .bucksfor {
		font-size: .7em;
		line-height: .5em;
	}
	#leftNav .bucksfor-target {
		font-size: 1.1em;
		line-height: .8em;
	}
	#leftNav.ipad li > a.openArrow::before {
		bottom:-10px;
	}
	#leftNav.ipad li > a.openArrow::after {
		bottom:-12px;
	}
	#leftNav li section, #leftNav li#career-nav section {
		width:100%;
		left: 0;
		top:50px;
		border-right: 0;
		border-left: 0;
		white-space: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	#leftNav li ul li {
		white-space: pre-wrap;
	}
	#leftNav li div.navWrapper {
		padding: 0;
		display: block;
	}
	#leftNav li .navTitle {
		white-space: pre-wrap;
	}
	#leftNav li ol.admissionsSteps > li {
		white-space: initial;
		max-width: inherit;
		width:225px;
	}
	#leftNav li#applicants-nav div.navGroup {
		max-width: inherit;
		width:225px;
	}
	#leftNav li .navTitle span {
		display: none;
	}
	/*#leftNav li #stepsForAdmissions div.navHeader {
		width:700px;
		max-width: 100%;
	}*/
	#leftNav li#applicants-nav div#stepsForAdmissions {
		max-width: inherit;
		width:945px;
	}
	#rightNavigation ul li a {
		text-align: center;
		max-width: 50%;
	}
	#leftNav li ol.admissionsSteps li div.instructions p.callToAction {
		width: 95%;
	}
	#leftNav li div.contactBar {
		justify-content: flex-start;
		flex-direction: column;
	}
	/*#leftNav li#applicants-nav div.navWrapper {
		width:1226px;
	}
	#leftNav li#applicants-nav div.contactBar {
		width:1246px;
	}*/
	#leftNav li#students-nav div.navGroup {
		width:250px;
		max-width: inherit;
		margin: 0 15px 0 0;
	}
	#leftNav li#students-nav div.navGroup.dashboardIcons {
		width:450px
	}
	#leftNav li div.dashboardIcons ul li {
		max-width: 125px;
		min-width: 125px;
		margin: 0 20px 20px 0;
	}
	.dashboard-icon-link {
		height: 114px;
	}
	.dashboard-icon-title {
		font-size: 1.1em;
		text-transform: uppercase;
	}
	/*#leftNav li#students-nav div.navWrapper {
		width:1134px;
	}
	#leftNav li#students-nav div.contactBar {
		width:1155px;
	}*/
	#leftNav li#community-nav .navAudience:first-of-type .navGroup, #leftNav li#community-nav .navAudience:nth-of-type(2) .navGroup:first-of-type, #leftNav li#career-nav div.navGroup, #leftNav li#career-nav div.navHeader {
		width:250px;
		max-width: inherit;
	}
	/*#leftNav li#community-nav .navWrapper {
		width:1045px;
	}
	#leftNav li#career-nav .navWrapper {
		width:1300px;
	}
	#leftNav li#career-nav div.contactBar {
		width:1320px;
	}*/
	#leftNav li#career-nav div.navGroup:last-of-type {
		width:300px;
	}
	#leftNav li#career-nav div.navTitle {
		width:150px;
	}
	#leftNav li div.navWrapper .navScroll {
		overflow: scroll;
		display: block;
		padding: 10px 0 10px 15px;
	}
	.slide.videoTwoBoxes .box.video, .slide.videoBoxWide .box.video {
		margin: 0 0 20px 0;
	}
	#subpage, #catalog, #bigBlueWrapper {
		padding: 0 20px;
	}
	aside#widget, aside.widget {
		max-width: 310px;
		/*margin: 50px 0 0 33%;*/
	}
	.admissions {
		flex-direction: column;
	}
	.instructions {
		margin: 0;
	}
	.actionButtons {
		margin: 20px 0 0 0;
	}
	section#quoteText > div {
		padding: 0;
		max-width: 96%;
	}
	section#marketingBlock {
		padding: 20px 0;
	}
	section#marketingBlock > div {
		flex-direction: column;
	}
	section#studentProfile > div, section#videoProfile > div {
		padding: 40px;
	}
	#marketingLeft {
		width: 100%;
	}
	#marketingRight {
		width: 100%;
		margin:30px 0 0 0;
		padding: 30px 0 0 0;
		border-left: none;
		border-top: 3px solid #00B3E3;
	}
	#marketingRight::before {
		border-color: #00B3E3 transparent transparent transparent;
		top: -2px;
		left: 50px;
	}
	#marketingRight::after {
		border-color: #ededed transparent transparent transparent;
		top:-4px;
		left: 52px;
	}
	.marketingBox:first-of-type {
		top: 0;
	}
	.marketingBox:nth-of-type(2) {
		margin: 10px 0 22px 0;
	}
	.marketingBox h2 {
		margin: 0 0 0 115px;
	}
	section#bigButton #blueBack > div {
		flex-direction: column;
	}
	#blueBack #description {
		width: 100%;
		padding: 0 0 25px 0;
	}
	#blueBack #button {
		width: 75%;
	}
	section.dots > div {
		flex-direction: column;
	}
	section#studentProfile .profileText {
		margin: 0 0 50px 0;
		max-width: 100%;
	}
	section#videoProfile .profileText {
		margin: 0 0 50px 0;
		order:1;
		max-width: 100%;
	}
	.profile > img {
		max-width: inherit;
	}
	section#videoProfile .profile {
		order:2;
	}
	#studentProfile .profile > img, #studentProfile .profile > iframe, #studentProfile .profile > p {
		border-right: 5px solid #fff;
	}
	#videoProfile .profile > img, #videoProfile .profile > iframe, #videoProfile .profile > p {
		border-left: 5px solid #fff;
	}
	#studentProfile .myBucksTag {
		border-right: 2px solid #fff;
		right:-15px;
	}
	#videoProfile .myBucksTag {
		border-left: 2px solid #fff;
		left:-15px;
	}
	.profile iframe {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
		height: 100% !important;
		max-height: 100% !important;
		min-height: 300px !important;
	}
	.ipad .profile iframe {
		width: 300px !important;
		max-width: 300px !important;
		min-width: 300px !important;
		height: 250px !important;
		max-height: 250px !important;
		min-height: 290px !important;
	}
	.subNavTop {
		display: none;
	}
	.row.online {
		flex-direction: column;
	}
	.row.online .col-6:first-of-type {
		order:2;
	}
	.row.online .col-6:last-of-type {
		order:1;
		margin: 0 0 15px 0 !important;
	}
	.logo img {
		width:78px;
	}
	/*#homePage {
		height: auto !important;
	}*/
	#homeWrapper {    
		height: auto;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		padding: 0 0px;
	}
	#homeSearch {
		display: none;
	}
	.slides {
		padding: 0;
		margin: 50px 0;
		justify-content: center;
	}
	.slides .box1 {
		max-width: 425px;
		min-width: 425px;
		margin: 0 0 20px 0;
	}
	.slides .secondRow {
		left: 0;
	}
	.slides .secondRow .box2, .slides .secondRow .box3 {
		max-width: 175px;
		min-width: 175px;
		max-height: 175px;
		min-height: 175px;
	}
	.slides .secondRow .box2 {
		margin: 0 29px 0 0;
	}
	@-moz-document url-prefix() { 
		#rightSide.fourBoxes {
			top:-60px;
		}
		.blueBox {
			margin: 60px 0;
		}
	}
	.blueBox .boxWrapper {
		min-height: inherit;
	}
	.blueBox:last-of-type .boxWrapper {
		min-height: 219px;
	}
	.row.departments .col-3 > div {
		min-height: inherit;
		max-height: inherit;
		max-width: 75%;
	}
	.col-3 {
		width:100% !important;
	}
	.columns {
		flex-direction: column;
	}
	#libraryLeftColumn {
		max-width: inherit;
		margin:0 0 30px 0;
	}
	.column {
		width:inherit;
	}
	.column, .column.legroom {
		width:100%;
	}
	.row.advising {
		display: flex;
		flex-direction: column;
	}
	.row.advising [class^="col"] {
		width: 100%;
	}
	#askLibrary {
		flex-direction: column;
	}
	#askLibrary #title p {
		font-size: 2.25em;
	}
	#askLibrary #title p img {
		height: 50px;
	}
	#askLibrary #chatOpenClose {
		max-width: inherit;
	}
	#blueBack #button .callToAction a {
		font-size: 1.5em;
	}
	.row.parking {
		display: flex;
		flex-direction: column;
	}
	.row.parking .col-4 {
		width:100%;
	}
	form#calendarCheckList div {
		width:45%;
		margin: 0 15px 15px 0;
	}
	.placementSteps .actionBox {
		flex-direction: column;
	}
    .placementSteps .actionBox .step {
		width: 100%;
		padding: 0;
    }
    .placementSteps .actionBox .step:nth-of-type(2) {
    	padding: 0;
    }
	.column.international {
		display: flex;
		justify-content: center;
		flex-grow: 0;
    }
	body.IE11 .column.international {
		margin: 0 0 -300px 0;
    }
	.column.international img {
		height: 40%;
		width: 40%;
	}
	.stack.international {
		display: flex;
		flex-direction: column;
	}
	#bodyCopy .stack.international p {
		margin: 0 0 10px;
	}
	.stack.international h3 {
		margin: 0 0 1.5em;
	}
	span.dropcap {
		line-height: .75em;
	}
	.calendarWrapper {
		flex-direction: column;
		align-items: center;
	}
	.calendarWrapper div#calendarResults {
		max-width:100%;
	}
	.calendarWrapper form#t4_calendar {
		max-width: 50%;
	}
	#bigBlueWrapper .callToAction {
		width:40%;
	}
	.stack.regDates {
		flex-direction: column;
	}
	#bodyCopy .stack.regDates > ul {
		width:100%;
		margin: 0 0 10px 0;
	}
	footer section#footer1 #address #text {
		margin: 0;
	}
	footer section#footer1 p {
		font-size: 1.25em;
	}
	#leftNav li#students-nav div.navGroup:nth-of-type(3) {
		max-width: 50%;
	}
	.sideBySide {
		flex-direction: column;
	}
	.side {
		width: 100%;
	}
	.side:first-of-type {
		margin: 0;
	}
	.side .alignleft {
		margin: 0 !important;
	}
	body.IE11 .columns.finaid {
		flex-direction: column;
	}
	body.IE11 .columns.finaid .column {
		max-width: 100%;
		width:500px;
	}
	body.IE10 #landingPage #bodyCopy, body.IE11 #landingPage #bodyCopy.resize {
		max-width:57%;
	}
	body.IE10 .placementSteps.transferring .actionBox .step, body.IE11 .placementSteps.transferring .actionBox .step {
		max-width: 100%;
	}
	/*.slideBackground {
		height:85vh;
	}*/
	#careerServicesPage {
		flex-direction: column;
	}
	#career-left, #career-right {
		width:100%;
	}
	#career-right img {
		display: none;
	}
	section#conEdBanner .alumstories .credentialsPLA a{
	    min-height:0px;
	    margin-top:-20px;
    }
    section#conEdBanner .alumstories .credentialsIntern a{
		min-height:0px;
	    margin-top:-50px;
    }
    section#conEdBanner .alumstories .credentialsBadges a{
	    min-height:0px;
	    margin-top:-50px;
    }
    section#conEdBanner .alumstories .credentialsPLA a::after{
        font-size:40px;
    }
    section#conEdBanner .alumstories .credentialsIntern a::after{
	    font-size:40px;
    }
    section#conEdBanner .alumstories .credentialsBadges a::after{
        font-size:40px;
    }
    section#conEdBanner .alumstories .gradEligibility a{
	    min-height:0px;
	    margin-top:-20px;
    }
    section#conEdBanner .alumstories .gradCeremony a{
		min-height:0px;
	    margin-top:-50px;
    }
    section#conEdBanner .alumstories .gradCaps a{
	    min-height:0px;
	    margin-top:-50px;
    }
    section#conEdBanner .alumstories .gradEligibility a::after{
        font-size:40px;
    }
    section#conEdBanner .alumstories .gradCeremony a::after{
	    font-size:40px;
    }
    section#conEdBanner .alumstories .gradCaps a::after{
        font-size:40px;
    }
    section#conEdBanner .alumstories .transferInstitution a{
	    min-height:0px;
	    margin-top:-20px;
    }
    section#conEdBanner .alumstories .transferMajor a{
		min-height:0px;
	    margin-top:-50px;
    }
    section#conEdBanner .alumstories .transferApply a{
	    min-height:0px;
	    margin-top:-50px;
    }
    section#conEdBanner .alumstories .transferInstitution a::after{
        font-size:40px;
    }
    section#conEdBanner .alumstories .transferMajor a::after{
	    font-size:40px;
    }
    section#conEdBanner .alumstories .transferApply a::after{
        font-size:40px;
    }
}
@media screen and (max-width:425px){
	section#conEdBanner .alumstories p{
	text-align:center !important;
	}
	.kidsOnCampusBanner a{
		min-width:0px;
		max-width:200px !important;
	}
	.kidsOnCampusBanner img{
		width:200px;
	}
	.researchContent .row{
	    width:85%;
	}
}
@media screen and (max-width: 900px) {
	.logo {
		display: flex;
		justify-content: center;
	}
	section#conEdBanner{
		height:auto !important;
		min-height:0px;
	}
	.highlightedLink{
		background-color:aliceblue;
		font-size:14px;
		display:block;
		text-align:center;
		padding:10px 20px;
		line-height:2.5em;
		border-radius:3px;
		transition:.4s;
		margin:5px;
	}
	.logo img {
		width:78px;
	}

	/*#homePage {
		height: auto;
	}*/
	#homeWrapper {
		height: auto;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		padding:0 0px;
	}
section#researchBanner .alumstories p.title, section#registerBanner .alumstories p.title, section#conEdBanner .alumstories p.title{
	font-size:50px !important;
	position:relative;
	top:0px;
	max-width:300px;
	color:#fff;
	padding-bottom:0px;
	text-align:left;
	background-color:transparent;
	background-image:none !important;
	font-weight:900;
	line-height:1em;
	text-shadow: 1px 1px 1px #00000059;
}
section#researchBanner .alumstories p, section#registerBanner .alumstories p, section#conEdBanner .alumstories p{
	font-size:18px !important;
	position:relative;
	top:-20px;
	max-width:350px;
}
section#researchBanner .alumstories a, section#registerBanner .alumstories a, section#conEdBanner .alumstories a{
	font-size:18px !important;
	max-width:350px;
	transition:.9s;
}
section#researchBanner .alumstories p, section#registerBanner .alumstories p, section#conEdBanner .alumstories p{
	font-size:18px !important;
	max-width:400px;
	position:relative;
	top:-20px;
}
	#register-blue {
		padding: 10%;
		height: 100%;
	}
	#register-blue p {
		font-size: 1.2em;
		margin: 0;
	}
	#register-blue p.title {
		font-size: 2.3em;
	}
	#register-blue button a {
		font-size: 1em;
	}
	.bannerSocial a{
	color:#fff;
	font-size:2em;
	line-height:2em;
	letter-spacing:.2em;
}
	#homeSearch {
		display: none;
	}
	#homeSearch form {
		justify-content: center;
	}
	.slides {
		width:95%;
		max-width: 100%;
		padding:0;
	}
	.slides .box1 img {
		margin:0 15px 0 0;
		max-width: 40%;
	}
	.slides .box1 p.title {
		font-size:1.75em;
		line-height: .875em;
		word-break: break-all
	}
	.slides .secondRow .box3 p.title {
		font-size: 2.75em;
	}
	section#quoteText {
		padding: 20px 0;
		width:inherit;
	}
	section#quoteText > div, section#marketingBlock > div {
		padding: 0 20px;
	}
	#bigButton #blueBack {
		padding: 20px;
	}
	aside#widget, aside.widget {
		width:100%;
		margin:35px 0 0;
		display: flex;
		align-items: center;
	}
	#widgetText div {
		padding:5%;
	}
	#catalogAction, #scholarshipAction {
		display:block;
	}
	#catalogAction input[type=text], #scholarshipAction input[type=text] {
		width:95%;
		margin: 0 0 25px 0;
	}
	section.course p.credits {
		text-align: left;
		margin: 10px 0 0 0;
	}
	#libraryAction {
		flex-direction: column;
		align-content: inherit;
	}
	#libraryAction input[type=text], #libraryAction #advancedSearch {
		margin: 0;
	}
	#searchResults form div {
		width:90%;
	}
	#searchResults input[type=submit] {
		right:11%;
	}
	#libraryTimes {
		width:auto;
		margin: 20px 0 0 0;
	}
	#libraryTimes .location {
		font-size: .875em;
	}
	#libraryTimes .location:nth-of-type(2) {
		margin: 0 20px;
	}

	.search-results-more{
		flex-wrap: wrap;
	}
	.search-results-more .search-results-zone{
		width: 100%;
	}
	.search-results-bottom{
		flex-wrap: wrap;
	}
	.search-results-top .search-results-list{
		column-count: 2;
	}
	.search-results-bottom .search-results-zone{
		width: 48%;
		margin:0 0 4em;
	}
	#contactIcons {
		flex-direction: column;
	}
	.contactGroup:last-of-type {
		text-align: center;
	}
	.contactGroup:last-of-type div {
		max-width: 60%;
	}
	.sub-nav{
		box-shadow: none;
	}
	#bodyCopy .callToAction a {
		max-width: 100%;
	}
	#checkListWrapper, .placementTwoColumn {
		flex-direction: column;
	}
	footer {
		padding: 20px 10px;
	}
	#footerWrapper {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.footer-links {
		flex-direction: column;
		width: 100%;
	}
	.footer-links section {
		width:100%;
	}
	footer section nav p {
		border-top:2px solid #8E9FAF;
		padding: 15px 0;
		font-size: 1.25em;
	}
	footer section nav p::after {
		font-weight: normal;
		font-family: 'FontAwesome';
		content: '\f078';
		margin: 0 0 0 10px;
		color:#fff;
		display: inline-block;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		transition:  .5s;
	}
	footer section nav p.rotate::after {
		display: inline-block;
		-webkit-transform: rotate(540deg);
		-moz-transform: rotate(540deg);
		-o-transform: rotate(540deg);
		-ms-transform: rotate(540deg);
		transform: rotate(540deg);
		-webkit-transition: .75s;
		-moz-transition: .75s;
		-o-transition: .75s;
		transition: .75s;
	}
	
	@-moz-document url-prefix() { 
		footer section nav p {
			margin:0;
		}
	}
	.footer-links section nav ul {
		/*display: none;*/
		margin: -10px 0 10px 0;
		max-height: 0;
		overflow:hidden;
		transition: max-height .35s ease-out;
	}
	.footer-links section nav ul.hide {
		/*display: none;*/
		margin: -10px 0 10px 0;
		max-height: 0;
		overflow:hidden;
		transition: unset;
	}
	.footer-links section nav ul.open {
		height:auto;
		max-height: 500px;
		transition: max-height .5s ease-in !important;
	}
	footer section nav ul li {
		margin: 7px 0;
	}
	footer section nav ul li a {
		font-size: 1.1em;
	}
	footer section#footer1 #directions, #copyright {
		display: none;
	}
	footer section#footer1 #address {
		justify-content: center;
		align-items: flex-start;
	}
	footer section#footer1 #address img {
		width:10%;
	}
	@-moz-document url-prefix() {
		footer section#footer1 #address {
			width:300px;
		}
		footer section#footer1 p {
			margin: 0;
		}
	}
	footer section#footer1 #footerSocial {
		margin: 25px 0 0 0;
	}
	.studentImage {
		display: none;
	}
	.columns {
		flex-direction: column;
	}
	.columns.offices {
		flex-direction: row;
	}
	#libraryLeftColumn {
		max-width: inherit;
	}
	#bodyCopy .row ul {
		margin: 0 0 0 20px;
	}
	.row [class^="col"] {
		margin: 0;
	}
	.col-6 {
		width:100% !important;
	}
	#landingPage {
		padding: 0 20px;
	}
	#landingPage.calendarLanding {
		flex-direction: column;
	}
	#landingPage.calendarLanding #bodyCopy.calendarPage {
		max-width: 100%;
	}
	#landingPage.calendarLanding #rightSide.calendarAndNews {
		margin: 50px 0 0 0;
		order:2;
	}
	#landingPage #rightBoxes.calendarPage {
		align-items: center;
	}
	section#studentProfile > div, section#videoProfile > div {
		padding: 20px;
	}
	footer section#footer1 p.callToAction {
		margin: 20px 0 20px 50px;
	}
	body.IE10 #landingPage, body.IE11 #landingPage {
		flex-direction: column;
	}
	body.IE10 #landingPage #bodyCopy.resize, body.IE11 #landingPage #bodyCopy.resize {
		max-width: 100%;
	}
}
@media screen and (max-width:900px){
	#subpage, #catalog {
		flex-direction: column;
		/*align-items: center;*/
		width:auto;
		margin: 0 20px;
		padding: 15px 0;
		flex-wrap: wrap;
	}
		#register-blue p {
		font-size: 1.1em;
		margin: 0;
		margin-bottom:20px;
	}
	#register-blue p.title {
		font-size: 2.3em;
	}
	section#storiesBanner .alumstories iframe{
		max-width:400px;
		margin-left:0px;
	}
	section#researchBanner .alumstories iframe, section#registerBanner .alumstories iframe, section#conEdBanner .alumstories iframe{
		max-width: 280px;
		position:relative;
		top:0px;
	}
	#bodyCopy {
		padding: 0;
		min-width: 100%;
		width:auto;
		order: 2;
	}
	#rightSide, #rightColumn {
		order:1;
		right: 0;
		/*sarah subnav styles*/
		width: 100% !important;
    	max-width: 100% !important;
	}
	nav#subNav ul {
		/*sarah subnav styles*/
		max-width: 100%;
	}
	#rightSide {
		margin: 0;
		top:0;
	}
	body.blueHeader #rightSide {
		margin-left: 0;
	}
	.rightSideNav .hamburger {
		display: block;
		position: relative;
		/*text-align: center;*/
		line-height: 1em;
		content: " ";
		font-size: 20px;
		margin: 0 auto;
		padding: 10px /*0*/;
		color:#1c5068;
		z-index: 9999;
		background: #4c8dc7;
    background-image: url(/media/bcccmedialibrary/stock/45-degree-fabric-dark.png);
    border: solid 1px #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.45);
	}
	.hamburger span {
		font-size: 1.125em;
		margin:0 0 0 5px;
		color: #fff;
		vertical-align: text-top;
	}
	.hamburger .arrow {
		font-size: 1.5em;
		font-weight: bold;
		position: relative;
		/*top: -4px;*/
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		color: #4abbe7;
	}
	.hamburger .arrow.rotate {
		transform: rotate(180deg);
	}
	#rightSide aside#widget, #rightSide aside.widget, nav#subNav {
		display: none;
	}
	nav#subNav.show {
		margin: 0 0 30px 0;
	}
	.mobileWidget {
		order: 3;
		margin: 0 auto;
		display: block;
	}
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
		width:100%;
	}
	#register-box {
		width:100%;
	}
	#landingPage {
		flex-direction: column;
	}
	.marketingBox h2 {
		margin: 0;
	}
	#studentProfile .profile > img, #studentProfile .profile > iframe, #studentProfile .profile > p, #videoProfile .profile > img, #videoProfile .profile > iframe, #videoProfile .profile > p {
		max-width: 100%;
		box-sizing: border-box;
	}
	.slides .secondRow {
		flex-direction: column;
		align-items: center;
	}
	.slides .secondRow .box2 {
		margin: 0 0 20px 0;
	}
    .row.departments .col-3 > div img {
    	margin: 3em auto 0 auto;
	}
	.row [class^="col"] {
    	margin: 2em 0 0 0;
    }
	.row.coursedata {
		margin: 0 -20px 1em -20px;
		padding: 20px;
	}
	.row.coursedata [class^="col"] {
		margin: 10px 0 0 0;
	}
	.row.coursedata [class^="col"]:first-of-type {
		margin: 0;
	}
    .quickcontact .row [class^="col"] {
    	margin-top: 0;
	}
	.checkListWrapper {
		flex-direction: column;
	}
	.alignright {
		margin-left: 0 !important;
	}
	.profile iframe {
		min-height: 290px !important;
	}
	#bigBlueWrapper .callToAction {
		width:50%;
	}
	.calendarWrapper form#t4_calendar {
		max-width:80%;
	}
	.locations {
		flex-direction: column;
	}
	.locations > .contactcampus {
		width:100%;
	}
	.contactcampus {
		margin: 0 0 15px 0;
	}
	.row.chat {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	.row.chat col-4 {
		width:initial;
	}
	.svg-scroll {
		max-width: 100%;
		overflow-x: scroll;
	}
	.prev {
		left:-30px;
	}
	.next {
		right:-30px;
	}
	.slides .secondRow .box2, .slides .secondRow .box3 {
		max-width: 65%;
		min-width: 65%;
		max-height: inherit;
		min-height: inherit;
	}
}
@media screen and (max-width:500px){
	.calendarWrapper form#t4_calendar {
		max-width:100%;
	}
	.videoBannerText h1{
		font-size:32px;
	}
	.videoBannerText a{
		font-size:16px;
	}
	.videoBannerText p{
		font-size:15px;
	}
	.videoSliceContainer{
	    max-height:200px;
    }
    .accordionHeading h1{
	    font-size:28px;
    }
	section#storiesBanner .alumstories .headline .bluebtn{
	    font-size:22px !important;
	    min-width:150px;
	    padding:25px 40px;
	    color:#fff;
	    background-color:#1055a1f0;
	    border:0px;
	    margin-bottom:15px !important;
	    border-radius:3px;
    }
    section#stickyBanner a{
    	min-width:150px;
    }
	.headingButton a{
		font-size:22px;
		top:-20px;
	}
	.dots .callToActionBlue {
		max-width: 70%;
		padding: 20px;
	}
	.slides .boxRow, .slides .boxRow:first-of-type {
		margin: 0;
		flex-wrap: wrap;
	}
	.slide.fourBox {
		width:50%;
	}
	.slides .box.square {
		margin:0 0 10px 0;
	}
	.slides .boxRow:last-of-type .box.square:last-of-type {
		order:1;
	}
	.slides .boxRow:last-of-type .box.square:first-of-type {
		margin:0;
		order:2;
	}
	#sticky {
		top:25%;
	}
	.slides {
		width:85%;
	}
	.prev {
		left:-15px;
	}
	.next {
		right:-15px;
	}
	#register-blue .button {
		width:90%;
	}
	.titleButton a{
	font-size:24px;
	}
	#register-blue button, #register-blue .button {
		font-size:18px;
	}
	#emergency #message {
		font-size:.92em;
	}
	section#iframeBanner iframe{
		width:350px;
		height:197px;
	}
}
@media screen and (max-width:480px){
	#topSearch form input[type=search].show {
		width:250px;
	}
	.search-results-top .search-results-list, .stack, .stackhack ul {
		column-count: 1;
	}
	.search-results-bottom .search-results-zone{
		width: 100%;
		margin:0 0 2em;
	}
	.search-results-wrap{
		padding: 20px 0;
	}
	.search-results-zone-empty{
		display: none;
	}
	section#quoteText::before {
		left:40%;
	}
	.learnMoreBox {
		flex-direction: column;
	}
	.learnMoreBox .learnMoreL {
		position: relative;
	}
	.learnMoreBox .learnMoreL .marketingText {
		margin: 0 0 0 37%;
	}
	.marketingBox:nth-of-type(2) .learnMoreBox .learnMoreL .marketingText {
		margin: 0 27% 0 30px;
	}
	.marketingBox:nth-of-type(1) .learnMoreBox .learnMoreL img, .marketingBox:nth-of-type(2) .learnMoreBox .learnMoreL img {
		max-width: inherit;
	}
	.marketingBox:nth-of-type(2) .learnMoreBox .learnMoreL img {
		right: 0;
	}
	.learnMoreBox .learnMoreR {
		min-width: 100%;
		max-width: 100%;
		display: flex;
		justify-content: center;
		padding:10px 0;
	}
	.learnMoreBox .learnMoreR a {
		line-height: 1em;
	}
	.slides .box1 {
/*		min-width: inherit;*/
		min-width: 200px;
		margin: 0 0 20px 0;
	}
	.slides, .slide.fourBox {
		width:inherit;
	}
	#libraryDashboard .dashboard-icon {
		min-width: 110px;
	}
	#libraryDashboard .dashboard-icon-link {
		width:90px;
		height: 90px;
	}
	#libraryDashboard .dashboard-icon-image {
		font-size: 40px;
	}
	#libraryDashboard .dashboard-icon-title {
		font-size: .875em;
	}
	.columns.offices {
		flex-direction: column;
	}
	.columns.offices p:nth-of-type(2) {
		margin: 10px 0;
	}
	.bricks > div {
    width: 100%;
    }
	form#calendarCheckList div {
		width:40%;
	}
	#landingPage #rightBoxes {
		margin: 15px 0 0 0;
	}
	#heresHowSection ul li .listContent {
		margin: 0 0 0 -40px;
	}
	#heresHowSection ul li .listContent ol {
		padding: 0 0 0 10px;
	}
	.column.legroom .callToActionBlue {
    	width: 94%;
	}
	#bigBlueWrapper .callToAction {
		width:60%;
	}
	.calendarWrapper div#calendarResults {
		max-width: 98%;
	}
	#bodyCopy p.calendarHeader {
		font-size: 2em;
	}
	table.eventlist th {
		font-size: 1em;
		text-transform: inherit;
	}
	table.eventlist th:first-of-type {
		width:40%;
	}
	table.eventlist td {
		font-size: .875em;
	}
	.coursename {
		flex-direction: column;
		justify-content: inherit;
	}
	.coursename a {
		order:2;
	}
	.coursedetails .coursenum {
		order:1;
	}
	.mobileWidget {
		margin: 0;
		width:100%;
	}
	aside#widget, aside.widget {
		max-width: 100%;
	}
	#subpage .regInfo ul {
		max-width: 100%
	}
}
@media screen and (max-width: 500px) {
	#rightNavigation ul li:nth-child(4) {
		margin: 0 8% auto auto;
	}
	.gradWhiteParagraph{
	    margin-left:-10px;
	    margin-right:-20px;
}
	section#LightBlueSection a{
		min-width:190px;
		display:block;
	}
	section#LightBlueSection .gradContact a{
		min-width:100px;
	}
	#rightNavigation ul li {
		display: block;
		top: 12px;
		left:35px;
		position: relative;
	}
	.slides.videoTwoBoxes .box.video, .slide.videoBoxWide .box.video {
		width:100%;
	}
		section#storiesBanner .alumstories iframe{
		max-width:280px;
	}
		section#researchBanner .alumstories iframe, section#registerBanner .alumstories iframe, section#conEdBanner .alumstories iframe{
		max-width:280px;
	}
	.headingTitle{
	    font-size:36px;
    }
}
@media screen and (max-width: 376px) {
	section#researchBanner .alumstories p.title, section#registerBanner .alumstories p.title, section#conEdBanner .alumstories p.title{
	font-size:35px !important;
	position:relative;
	top:0px;
	max-width:300px;
	color:#fff;
	padding-bottom:0px;
	text-align:left;
	background-color:transparent;
	background-image:none !important;
	font-weight:900;
	line-height:1em;
	text-shadow: 1px 1px 1px #00000059;
    }
    .videoSliceText a{
    	font-size:18px;
    }
	.researchContent .row{
	    width:80%;
	}
    section#LightBlueSection a::after{
	content:"";
	padding-left:0px;
    }
	p.messageText{
	font-size:13px !important;
	font-weight:100;
	padding-left:0px !important;
	padding-right:0px !important;
    }
	#leftNav .bucksfor {
		font-size: .8em;
	}
	section#storiesBanner{
		height:auto;
		width:auto;
	}
	section#researchBanner, section#registerBanner, section#conEdBanner{
		height:auto;
		width:auto;
	}
	#register-blue {
		padding-top: 10%;
		height: 100%;
	}
	#register-blue p {
		font-size: 1.1em !important;
		margin: 0;
		margin-bottom:20px;
	}
	#register-blue p.title {
		font-size: 2.9em !important;
		padding-top:10%;
	}
	#leftNav .bucksfor-target {
		font-size: 1em;
	}
	section#storiesBanner .alumstories iframe{
		max-width:250px;
	}
	section#researchBanner .alumstories iframe, section#registerBanner .alumstories iframe, section#conEdBanner .alumstories iframe{
		max-width:250px;
	}
	.studentImage {
		display: none;
	}
	.placementSteps .actionBox .step .button a {
		font-size: 1em;
	}
	.marketingBox h1 {
		margin: 0;
	}
	.column.legroom.int .alignleft {
		margin: 0 4em 0 0 !important;
	}
	p.alignleft.kidsCampus, p.alignleft {
		margin: 0 !important;
	}
	p.alignleft.kidsCampus img, p.alignleft img {
		max-width: 100%;
	}
	.slide.tallBoxes {
		flex-direction: column;
	}
	.slides .box.tall {
		margin:0 0 10px 0;
	}
	.slides .box.tall:last-of-type {
		margin:0;
	}
	.slideBackground {
/*		height: 140vh;*/
		height:80vh;;
	}
	.slides .box.videoOnly {
		width:100%;;
	}
	.boxWrapper {
		flex-direction: column;
	}
	.slides .box.square {
		max-width: 150px;
		min-width: 150px;
		max-height: 150px;
		min-height: 150px;
	}
	.slides .box.square.news p.title {
		font-size: 1em;
	}
	.slides p {
		font-size: 13px;
	}
	.slides .square.date p.title {
		font-size: 2em;
	}
	.slides .tall p.title {
		font-size: 1.5em;
	}
	.next {
		right:-20px;
	}
	.prev {
		left:-20px;
	}
	.slides .box1 p.title, .slides .wide p.title, .slides .tall p.title {
		font-size: 1.5em;
	}
	.slides .box1 img, .slides .wide img {
		max-width: 30%;
	}
	section#iframeBanner iframe{
		width:250px;
		height:141px;
	}
}

@media only screen and (min-width: 33.75em) {  /* 540px */
	.container {
		width: 80%;
	}
}
@media only screen and (min-width: 900px) {  /* 900px */
	.col-1 {
		width: 4.33%;
	}

	.col-2 {
		width: 12.66%;
	}

	.col-3 {
		width: 21%;
	}

	.col-4 {
		width: 29.33%;
	}

	.col-5 {
		width: 37.66%;
	}

	.col-6 {
		width: 46%;
	}
	.row.coursedata .col-6 {
		width:50%;
	}
	.col-7 {
		width: 54.33%;
	}

	.col-8 {
		width: 62.66%;
	}

	.col-9 {
		width: 71%;
	}

	.col-10 {
		width: 79.33%;
	}

	.col-11 {
		width: 87.66%;
	}

	.col-12 {
		width: 96%;
	}

	.hidden-sm {
		display: block;
	}
}
@media only screen and (min-width: 60em) { /* 960px */
	.container {
		width: 75%;
		max-width: 60rem;
	}
}
@media print {
	* {
		background: transparent!important;
		color: #444!important;
		text-shadow: none!important;
	}
	a, a:visited {
		color: #444!important;
		text-decoration: underline;
	}
	abbr:after {
		content: " (" attr(title) ")";
	}
	.ir a:after {
		content: ""
	}
	blockquote, pre {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	img, tr {
		page-break-inside: avoid;
	}
	@page {
		margin: .5cm;
	}
	h2, h3, p {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
	body {
		border: 0 !important;
	}
	#leftNav, #rightNavigation, #topSearch, footer, #rightSide, .mobileWidget, iframe, footer section#footer1 #google_translate_element {
		display: none !important;
	}
	header {
		display: block !important;
		padding: 0 !important;
		height: auto !important;
		background-color: transparent !important;
		border-top: 0 !important;
	}
	header.subPageHeader {
		border-bottom: 0 !important;
		box-shadow: none !important;
	}
	.logo {
		text-align: left !important;
	}
	div {
		display: block !important;
	}
	#goog-gt-tt.skiptranslate {
	    display: none !important;
	 } 
	body {
	    top: 0px !important; 
	}
	.logo#subpageLogo img, .logo img {
		width:75px;
	}
}