/* When the screen gets a little small ----------- */

@media screen and (max-width: 1130px) {
	.region-rooftop ul.menu li a, .region-navigation ul.menu li a, .region-footer ul.menu a {
		font-size: 0.6875rem;
	}
	.region-rooftop ul.menu li.fa, .region-rooftop ul.menu li.fa a {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
}

/* iPad portrait and smaller ----------- */

@media screen and (max-width: 768px) {
	#block-menu-block-1, .hidden-mobile, .spark-layout #rooftop {
		display: none;
	}
	.hidden-desktop {
		display: block;
	}
	body, .region-rooftop ul.menu li a, .region-navigation ul.menu li a, .region-footer ul.menu a {
		font-size: 1rem;
	}
	body {
		color: #363636;
	}
	.container {
		width: 100%;
		margin: 0 auto;
		padding: 0 1.5em;
		padding: 0 1.5rem;
		max-width: inherit;
		min-width: inherit;
	}
	.float-left, .float-right, section, .block, .region .block, .footer .block, .region-footer>div, #logo, .region, .cols>.col, .region-navigation, .sidebar-second .content-wrapper, .sidebar-first .content-wrapper, .sidebar, .sidebar-first .sidebar-first, .sidebar-second .sidebar-second, .field, #block-views-component-block .view-content, #block-views-component-block .attachment, #block-views-component-block-1 img, #block-views-component-block-2 img, #block-views-component-block-3 img, #block-views-component-block-6 img, #block-views-component-block-7 img, #block-views-component-block-1, #block-views-component-block-2, #block-views-component-block-3, #block-views-component-block-4, #block-views-component-block-5, #block-block-38, #block-views-component-block-5 img, #block-views-component-block-6, #block-views-component-block-7, #block-block-42, #block-block-43, #block-block-44, .page-node-19 .field-name-body, .node-type-page-landing .field-name-body, .node-type-blog.blog-multi-image .field-name-field-blog-image, .view-videos .views-row, .view-events.view-display-id-page_1 .field-type-image, .view-events.view-display-id-page_2 .field-type-image, .mysummer-confirm-left, .mysummer-confirm-right {
		float: none;
		width: 100%;
		max-width: 100%;
		min-height: inherit;
		height: auto;
		padding: 0;
		margin: 0;
		text-align: left;
		border: none;
	}
	.mysummer-confirm-right {
		padding: 0.75rem;
	}
	.field, .location-locations-display, #block-views-component-block-1, #block-views-component-block-2, #block-views-component-block-3 {
		margin-bottom: 1.5rem;
	}
	h1 {
		font-size: 1.75rem;
	}
	#logo {
		padding: 0.75rem;
	}
	#content {
		margin: 0;
	}
	.header .container {
		padding-bottom: 1.5rem;
	}
	#block-views-component-block-1 .content-block, #block-views-component-block-2 .content-block, #block-views-component-block-3 .content-block, #block-views-component-block-5, #block-block-39, #block-views-component-block-1 .content-block, #block-views-component-block-2 .content-block, #block-views-component-block-3 .content-block, #block-views-component-block-1 .content-block, #block-views-component-block-2 .content-block, #block-views-component-block-3 .content-block {
		border: none;
	}
	#block-views-component-block-1 h3, #block-views-component-block-2 h3, #block-views-component-block-3 h3 {
		padding: 0;
	}
	table.views-view-grid td {
		display: block;
		width: 100%;
	}
	/* Drupal Forms including /user/login */
	ul.tabs.primary {
		border: none;
	}
	ul.tabs.primary li {
		display: block;
		margin: 5px 0;
	}
	ul.tabs.primary li a {
		border: 1px solid #ccc;
		border-radius: 4px;
	}
	.password-strength, div.form-item div.password-suggestions {
		max-width: 100%;
		float: none;
		margin-bottom: 0.5em;
	}
	/* Navigation */
	.menu-mlid-12215, .menu-mlid-12221 {
		display: block!important;
	}
	.menu-mlid-12215 a {
		text-transform: none!important;
		font-weight: normal!important;
	}
	#social-mobile {
		font-weight: bold!important;
		text-transform: uppercase!important;
		display: inline-block;
	}
	.mobile {
		display: block;
	}
	.menu-mlid-12215 ul.menu {
		margin: 0px!important;
	}
	#rooftop {
		z-index: 9999991;
		width: 80%;
		height: 49px;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
	}
	.rooftop .container {
		background: none;
		border: none;
		padding: 0;
	}
	#block-menu-block-4, .menu-name-menu-socials {
		float: left;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9999991;
		height: 49px;
		display: block;
	}
	.region-rooftop ul.menu li.fa, .region-rooftop ul.menu li.fa a {
		width: 49px;
		height: 49px;
		line-height: 49px;
	}
	.region-rooftop ul.menu li.fa:hover, .region-rooftop ul.menu li a:hover, .region-navigation ul.menu li a:hover, .region-rooftop ul.menu li a.active, .region-navigation ul.menu li a.active {
		height: 48px;
		background: none;
	}
	.mean-container .mean-bar, .mean-container .mean-nav {
		background: #222222;
	}
	#block-views-component-block .view-content, #block-views-component-block .attachment .views-row-first {
		margin: 0;
	}
	.view-component .views-field {
		margin: 0 !important;
	}
	#block-views-component-block-4 h2.views-field-title {
		margin: 0.25rem 0 !important;
	}
	.component-overlay-text {
		padding: 0;
		position: relative;
		bottom: auto;
		background: none;
		color: #333;
		margin: 0.5rem 0 0;
		left: auto;
		text-shadow: none;
	}
	#block-views-component-block h2.banner-title {
		margin: 0;
	}
	#block-views-component-block, .node-type-blog.blog-multi-image .content-wrapper .field-name-field-blog-image .field-item img {
		margin: 0;
	}
	#block-views-component-block-6 .views-field, #block-views-component-block-7 .views-field {
		margin-bottom: 0.5rem !important;
	}
	#block-block-39, #block-block-40, #block-block-41 {
		margin: 1.5rem 0 0;
	}
	#block-block-41 {
		margin-bottom: 3rem;
	}
	.main img, #block-views-component-block-1 img, #block-views-component-block-2 img, #block-views-component-block-3 img, #block-views-component-block-6 img, #block-views-component-block-5 img, #block-views-component-block-7 img, div[class*="view-display-id-page"] .views-field[class*="image"] img {
		margin: 0 0 0.75rem;
		width: 100%;
		float: none;
	}
	.not-front .main img, div[class*="view-display-id-page"] .views-field[class*="image"] img {
		margin-bottom: 1.5rem;
	}
	.field-name-field-blog-image, .field-name-field-image-news, .field-name-field-event-image, .view-events.view-display-id-page_1 .field-type-image {
		margin: 0 -1.5rem 1.5rem;
		width: inherit;
		max-width: inherit;
	}
	.node-type-blog.blog-multi-image .content-wrapper .field-name-field-blog-image .field-item {
		display: inline-block;
		max-width: 49%;
		padding: 1%;
		margin: 0;
	}
	#block-views-component-block-5 {
		margin: 1.5rem 0;
		border-top: 1px solid #eee;
		padding: 1.5rem 0 0;
	}
	#block-block-42, #block-block-43, #block-block-44 {
		margin: 1.5rem 0;
		padding: 1.5rem 0;
		height: inherit;
	}
	#block-block-39 {
		border: 1px solid #ddd;
	}
	.studio-logo, .studio-intro, img.studio-image {
		float: none;
		width: 100%;
		clear: both;
		margin: 1.5rem 0;
		padding: 0;
	}
	.follower-count {
		padding: 0.75rem;
		width: 50%;
		margin: 0;
		border: none;
		position: relative;
		text-align: left;
		padding-left: 4rem;
	}
	.follower-count .fa {
		font-size: 1.5rem;
		position: absolute;
		top: 25%;
		left: 15%;
	}
	.studio-images {
		padding: 0;
	}
	a.button-library-card {
		width: 100%;
		text-align: center;
		float: none;
		margin: 0 0 0.75rem;
		display: block;
	}
	#block-views-component-block .view-id-component .views-row {
		float: none !important;
		clear: both;
		width: 100% !important;
		margin: 0 0 1.5rem !important;
		padding: 0;
	}
	.main .component-overlay-text a {
		color: #222;
	}
	.banner-meta {
		overflow: hidden;
		margin: 0.25rem 0 0;
		color: #999;
	}
	.banner-author {
		display: none;
	}
	span.separator {
		display: none;
	}
	#block-views-component-block .banner-meta span, #block-views-component-block .banner-meta .right {
		color: #999;
	}
	.front .node-links {
		display: none;
	}
	/* Homepage Tabs */
	li.ui-tabs-tab {
		width: 100%;
		margin: 1% 0px;
		padding-bottom: 0;
	}
	li.ui-tabs-tab a {
		padding-bottom: 0;
	}
	li.ui-tabs-tab img {
		display: none;
	}
	li.ui-tabs-active a {
		border: 2px solid orange;
		background: #fff;
		border-bottom: 2px solid orange;
		padding-bottom: 0px!important;
		height: 100%;
	}
	.ui-tabs-panel {
		margin-top: 1.5rem;
	}
	.downloads-tabs li {
		width: 50%;
		font-size: 1rem;
		margin: 0 0 1.5rem;
		padding: 0;
	}
	.subsection .service {
		padding: 0;
	}
	.subsection .service h3 {
		width: 100%;
	}
	.subsection .info {
		padding: 0;
	}
	.subsection .info .step {
		width: 100%!important;
	}
	.content-bottom .form-description, .content-bottom .form-type-textfield {
		width: 100%;
		margin-bottom: 20px!important;
		padding: 0px!important
	}
	.content-bottom input[type="submit"] {
		width: 100%;
	}
	/*FOOTER*/
	#block-block-38, #block-block-39 {
		padding: 1.5rem;
	}
	#footer {
		padding: 0;
	}
	img.benefits-library-card-item {
		width: 33%;
		padding: 0.75rem 0.375rem 0;
		float: left;
		margin: 0;
	}
	.region-footer .col>a {
		margin-bottom: 0.75rem;
	}
	.region-footer .menu-block-wrapper>ul.menu>li {
		margin-bottom: 20px
	}
	.region-footer .menu-block-wrapper>ul.menu>li.last {
		margin-bottom: 0;
	}
	.region-footer ul.menu {
		margin: 0px !important;
	}
	.region-footer .col {
		width: 100%;
	}
	/*ABOUT*/
	.page-node h1#page-title, .page-node .by-line, .page-resources h1#page-title, .page-research h1#page-title {
		text-align: left;
	}
	img.file-icon {
		width: inherit;
		margin: 0.25rem 0.25rem -0.05rem 0 !important;
		padding: 0 !important;
	}
	.field-name-field-pdf-file .field-item {
		margin: 0 0 0.25rem;
		font-size: 0.875rem;
	}
	/*LOCATIONS*/
	.page-locations .view-locations {
		width: 100%;
	}
	.region-content-top .block img {
		max-width: 200%;
		width: 200%;
		max-height: inherit;
		height: inherit;
		margin: 0 0 0 -25%;
	}
	.region-content-top .block {
		max-width: 100%;
		overflow: hidden;
	}
	.header-title h1 {
		font-size: 2rem;
	}
	.header-title p {
		font-size: 0.875rem;
	}
	.node-type-page-landing #landing-sidebar, .sidebar-right, #block-block-50, #block-block-9 {
		width: 100%;
		padding: 1.5rem !important;
		margin: 1.5rem 0 0;
		background: #f9f9f9;
		border: 1px solid #ddd;
	}
	.node-type-page-landing .field-name-field-banner-image {
		margin: 0 -1.5rem;
		max-width: inherit;
		width: inherit;
		height: auto;
	}
	.page-locations .location-image, .page-locations .location-meta {
		width: 100%;
		float: none;
		margin: 0 0 1.5rem;
	}
	.view-locations .views-row:first-child {
		padding-top: 0;
		margin-top: 0;
	}
	div[class*="view-display-id-page"] .views-row, .field-name-field-issue-articles .field-item {
		padding-bottom: 0;
	}
	.views-field.views-field-comments-link {
		margin-bottom: 0;
	}
	.views-field-field-video-embed, .view-videos h3.views-field-title {
		margin-bottom: 0;
	}
	.view-videos .views-row {
		margin: 0 0 1.5rem;
	}
	/* SPARK */
	#spark-header {
		font-size: 0.75rem;
		/*position: fixed;*/
	}
	.spark-layout .header .container, .spark-layout .main .container {
		width: 100%;
		padding: 0;
	}
	.spark-background {
		/*padding-top: 174px;*/
		background-size: contain;
		/*background-position-y: 60px;*/
		background-repeat: repeat-y!important;
	}
	.node-type-spark-article .content-wrapper {
		padding: 1.5rem;
	}
	/* THE STUDIO */
	#block-views-gallery-thestudio-block-1 {
		margin: 0;
	}
	#block-views-gallery-thestudio-block-1 .views-row {
		float: none;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	/* Reservations */
	.reservations-cart {
		float: none;
		width: 100%;
		margin: 1.5rem 0;
	}
	#signup-ad a.button {
		margin: 0 0 1.5rem 0;
	}
}