@media screen and (max-width: 1180px) {
#menu-bar nav li#menu-728-1 {
width: 54px;
}

footer #block-system-main-menu .menu li.menu-depth-1 {
display: block;
float: left;
width: 25%;
}

footer .region-footer {
width: 100%;
margin: auto;
padding-top: 37px;
}

.not-front #main-content {
width: 98%;
margin: auto;
background: white;
padding: 1%;
}



footer #footer-bottom #footer-bottom-wrap {
width: 100%;
margin: auto;
padding-top: 22px;
padding-bottom: 10px;
}

footer #block-system-main-menu {
float: left;
width: 100%;
}

footer #block-block-4 .block-content p {
margin-bottom: 15px;
margin-right: 20px;
float: left;
margin-left: 20px;
}

.front #block-system-main section .more-link a {
margin: 38px 0px 50px 0px;
}

#block-quicktabs-role-quick-links {
width: 100%;
}

.front .region-two-50-second {
position: relative;
top: 0px;
/* margin-top: -280px; */
}

#views_slideshow_cycle_main_slider-block {
	/* This was making the image stretch on iPad, might need it though... */
/* height: 600px; */
overflow: hidden;
}

#block-views-slider-block div.views-field.views-field-field-image {
margin-top: -21px;
	/* This was making the image stretch on iPad, might need it though... */
/* height: 602px; */
overflow: hidden;
}

#block-views-slider-block div.views-field.views-field-field-image > div > img {
	/* This was making the image stretch on iPad, might need it though... */
/* max-height: 602px; */
}

#block-views-slider-block div.views-slideshow-controls-top.clearfix {
position: relative;
z-index: 20;
top: 535px;
width: 100%;
right: 0;
margin: 0 auto;
text-align: right;
}

#block-system-main section.pane-news-and-articles {
border-left: 1px solid #f2f2f2;
width: 100%;
padding-left: 35px;
}

.front #block-system-main {
/* width: 860px; */
}

#quicktabs-role_quick_links .quicklink-label {
font-size: 25px;
}

#name-and-slogan {
width: 485px;
}

}

@media only screen and (max-width: 1024px) {
.front .two-50 > .region {
width: 55%;
}
}
@media only screen and (min-width: 1025px) {
.front .two-50 > .region {
width: 55%;
}
}

@media screen and (max-width: 900px) {
.front #block-system-main {
/* width: 860px; */
}
}

@media screen and (max-width: 782px) {
#superfish-1-select {
width: 336px;
height: auto;
display: block;
font-size: 28px;
margin: 0 auto;
position: relative;
top: -10px;
}

.not-front.page-about #block-system-main .region-two-50-top .pane-node {
width: 100%;
overflow: hidden;
margin-left: -1%;
float: left;
}

.not-front.page-about #block-system-main .region.region-two-50-top section {
float: left;
margin-left: 10px;
width: 100%;
}

.page-about #block-system-main .region-two-50-bottom .pane-node {
width: 100%;
}

.page-about #block-system-main .region-two-50-bottom .pane-project {
width: 100%;
float: left;
padding-right: 2%;
border-right: 1px solid #eee;
}

.page-about #block-system-main .region-two-50-bottom .pane-event-calendar {
float: left;
width: 100%;
padding-left: 3%;
}

#menu-bar nav#block-superfish-1 {
box-shadow: none;
margin: 0 auto;

}

#block-system-main section.pane-events h2, #block-system-main section.pane-news-and-articles h2 {
font-size: 2em;
}

.front .region-two-50-second {
position: relative;
/* top: 36px;
margin-top: -300px; */
width: 464px !important;
font-size: 1.5em;
margin-left: -3%;
}

.front #block-system-main .region-two-50-first {
width: 48%;
margin-top: 0;
font-size: 1.4em;
padding-left: 2%;
}

.front #block-system-main {
width: 100%;
margin: auto;
z-index: 7;
position: relative;
top: -38px;
background: white;
padding: 0;
}

#header-right {
width: auto;
float: right;
}

#block-text-resize-0 {
display: none;
}

#block-system-main section.pane-news-and-articles {
border-left: 1px solid #f2f2f2;
width: 100%;
padding-left: 10px;
}

.page-about-staff #block-system-main .panel-twocol-63-37-stacked .panel-panel.right {
	margin-top: 0px;
	margin-right: 20px;
	width: auto;
}

.node-type-project .feed-icon {
	display: none;
}
}

@media screen and (max-width: 690px) {
.front .region-two-50-second {
position: relative;
top: 0;
margin-top: 0;
width: 440px !important;
font-size: 1.5em;
margin-left: 1%;
}

#block-system-main-menu > div > div > ul > li.expanded.menu-depth-1.menu-item-569 {
clear: left;
}




footer #block-system-main-menu .menu li.menu-depth-1 {
display: block;
float: left;
width: 50%;
}

.front #block-system-main .region-two-50-first {
width: 100%;
/* margin-top: -260px; */
font-size: 1.5em;
padding-left: 2%;
}

#block-views-slider-block {
z-index: 2;
top: -245px;
}

#block-system-main section.pane-events {
width: 100%;
}

#block-system-main section.pane-events .block-content ul li .views-field-field-eventdate-1 {
position: relative;
top: -5px;
width: 126px;
}

#block-system-main section.pane-events .block-content h3 {
width: 95px;
}

#block-views-slider-block div.views-field.views-field-field-description {
margin-top: -3px;
}

#header-right {
width: auto;
float: right;
margin-top: -55px;
}

#block-views-slider-block div.views-slideshow-controls-top.clearfix {
top: 575px;
}

#superfish-1-select {
font-size: 21px;
display: block;
/* margin-top: -10px; */
margin: 50px auto auto;
position: relative;
top: 10px;
}

/* About Page */
.not-front.page-about #block-system-main .region-two-50-top .pane-node{
	width: 100%;
overflow: hidden;
margin-left: 0px;
margin-right: 0px; /* weird, but it keeps the map from scaling strangely */
float: left;
zoom: 0.7;
}
/* geis: not sure why this is required, but it is */
.not-front.page-about #block-system-main .region-two-50-top .pane-node .block-inner .field-items .field-item {
width: 100%; /* 850px; */
}
.not-front.page-about #block-system-main .region-two-50-top .pane-node .block-inner .field-items .field-item > div {
	margin: auto;
}
}

@media screen and (max-width: 550px) {
.page-about-staff.not-front h2 {
color: #545454;
text-align: center;
}

.page-about-staff #block-system-main .panel-twocol-63-37-stacked div.panel-panel.unit.left {
width: 100%;
padding-right: 55px;
border-right: 1px solid #eee;
}

.page-about-staff #block-system-main div.panel-panel.unit.left > div .views-row {
width: 100%;
float: none;
margin-top: 10px;
border-top: 1px solid #eee;
padding-top: 20px;
margin-right: 6%;
text-align: center;
}

.page-about-staff #block-system-main .panel-twocol-63-37-stacked .panel-panel.right {
float: left;
padding-left: 20px;
border-left: 1px solid #EEE;
margin-top: 0;
}

#block-system-main section.pane-events h2 {
background: url('images/calendar.png') 0 50% no-repeat;
padding-left: 43px;
text-align: left;
}

}

@media screen and (max-width: 480px) {
html {
font-size: 84% !important;
}

#content .panel-display {
	/* Override the negative margins that screw up our % on phones */
	margin-left: 0px;
	margin-right: 0px;
}

#menu-bar {
width: 100%;
margin: 0px auto;
position: relative;
top: 0;
z-index: 11;
}

#superfish-1-select {
margin: 0px auto auto;
}

.front #block-system-main .region-two-50-first {
width: 100%;
margin-top: 0;
font-size: 1.5em;
padding-left: 2%;
/* top: -270px; */
top: 0px;
position: relative;
}

.front .region-two-50-second {
position: static;
top: 0;
/* margin-top: -250px; */
width: 100% !important;
font-size: 1.5em;
margin-left: 1%;
}

/* Adjust events display */
#block-system-main section.pane-events .block-content .view-id-events h3 span {
	display: inline;
	top: 0px;
}

#block-system-main section.pane-events .block-content h3 {
	width: auto;
}

#block-system-main section.pane-events .block-content ul {
	margin-left: 20px;
}
/* About Page */
.not-front.page-about #block-system-main .region-two-50-top .pane-node{
	margin-left: 10px;
width: 860px;
zoom: 0.5;
overflow: hidden;
margin-left: -44px;
margin-right: -10px; /* weird, but it keeps the map from scaling strangely */
float: left;

}
footer #block-block-5 a.bottom-logo {
	top: 0px;
}
}

@media screen and (max-width: 380px) {
#superfish-1-select {
width: 300px;
}

#block-views-slider-block {
z-index: 2;
top: -245px;
display: none;
}

#block-quicktabs-role-quick-links {
width: 100%;
margin: auto;
right: 0;
position: static;
top: 0;
z-index: 10;
height: auto;
margin-bottom: 0;
}
#block-quicktabs-role-quick-links #quicktabs-role_quick_links {
	float: none;
	margin-left: 2%;
	margin-right: 2%;
	height: auto;
}

#quicktabs-role_quick_links .quickselect {
width: 100%;
height: 112px;
background: rgba(77,177,206,0.75);
}

#quicktabs-role_quick_links .quickselect:before {
content: 'I need content for';
display: block;
width: 100%;
color: white;
font-family: LeagueGothic;
font-weight: normal;
font-size: 18px;
text-transform: uppercase;
line-height: 17px;
padding: 19px 0px 0px 20px;
float: none;
clear: both;
}

#quicktabs-role_quick_links select {
width: 295px;
height: 50px;
margin: 17px 0px 0px 6px;
background: #30788c;
border: 0px;
color: white;
font-family: LeagueGothic;
font-weight: normal;
font-size: 26px;
padding-left: 11px;
}

#quicktabs-role_quick_links .quicklink-label {
color: rgb(83, 93, 172);
font-family: LeagueGothic;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
padding-top: 11px;
}

#quicktabs-role_quick_links .block-menu {
width: 97%;
margin: 20px 2%;
}

#quicktabs-role_quick_links .block-menu li.menu-depth-1 {
display: block;
background: rgba(77,177,206,0.75);
width: 100%;
height: 70px;
float: none;
margin-right: 5px;
margin-bottom: 3px;
}

.front #block-system-main {
	top: 0px;
}

.front #block-system-main .region-two-50-first {
width: 100%;
margin-top: 0;
font-size: 1.5em;
padding-left: 2%;
top: 0;
position: static;
}

.front .region-two-50-second {
position: static;
top: 0;
margin-top: 0;
width: 100% !important;
font-size: 1.5em;
margin-left: 1%;
}

#block-system-main section.pane-news-and-articles .views-field-title {
float: left;
width: 100%;
margin-top: 11px;
}

#block-system-main section.pane-news-and-articles .views-field-field-image {
	top: 0px;
}

#block-system-main section.pane-news-and-articles .views-field-created {
width: 70px;
float: none;
}

#block-system-main section.pane-news-and-articles .views-field-body {
float: left;
width: 100%;
margin-top: 3px;
}

#block-system-main section.pane-events .block-content ul li .views-field-field-eventdate-1 {
	top: 5px;
}
#block-system-main section.pane-events .block-content ul li .views-field-title {
	width: 265px;
}

footer #block-menu-menu-footer-bottom-menu .menu li {
	padding-right: 8px;
}

footer #block-block-5 .block-content p:first-child {
	display: none;
}

/* About Page */
.not-front.page-about #block-system-main .region-two-50-top .pane-node{
	margin-left: 10px;
width: 860px;
zoom: 0.38;
}
}