/**
 * @file
 * Positioning for a responsive layout.
 *
 * Define CSS classes to create a fluid grid layout with optional sidebars
 * depending on whether blocks are placed in the left or right sidebars.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */


/*
	Targeting all screens smaller than an iPad
 */
@media only screen and (max-width: 767px) {


	.not-front #content,
	#block-block-1,
	#block-block-1 .header,
	.region-header,
	.responsive-menus-0-0,
	#block-views-content-box-block,
	#header,
	.view-content-box {
		max-width: 100%;
		min-width: 100%;
	}

	.responsive-menus-0-0,
	.responsive-menus.responsified.responsive-toggled.absolute {
		position: absolute;
		top: -40px;
	}

	#page {
		margin-top: 40px;
	}

	.region-highlighted {
		margin-top: 0;
	}

	.responsive-menus.responsified span.toggler {
		border-radius: 0;
		box-sizing: border-box;
		width: 100%;
		padding: 0;
		box-shadow: none;
		height: 40px;
		line-height: 40px;
	}

	#block-search-form,
	#block-block-1 {
		position: absolute;
	}

	#block-search-form {
		top: 4px;
		left: 4px;
	}

	#block-search-form input {
		border: 1px solid #999;
		width: 150px;
	}

	#block-block-1 {
		left: 0;
		top: 36px;
		margin-left: 0;
	}

	#block-block-1 .donate {
		position: absolute;
		right: 16px;
		bottom: 28px;
	}

	#block-block-1 .news-alerts {
		position: absolute;
		right: 16px;
		margin-right: 0;
	}

	#block-block-1 .social {
		margin-left: 4px;
	}

	#block-block-3 {
		box-sizing: border-box;
	}

	.responsive-menus-0-0 h2 {
		display: none;
	}

	#block-views-content-box-block .views-row {
		width: 100%;
	}

	#block-views-content-box-block .views-field {
		width: 320px;
		margin: 0 auto;
	}

	.footer .left {
		max-width: 100%;
		padding: 0;
	}

	.footer .left > img,
	.footer .left > div {
		box-sizing: border-box;
		margin: 0;
		float: left;
		padding-left: 10%;
	}

	.footer .left > div {
		width: 50%;
	}

	.footer .mid {
		box-sizing: border-box;
		border: none;
		max-width: 100%;
	}

	.footer > div {
		float: none;
		width: 100%;
		clear: both;
	}

	.footer .right {
		box-sizing: border-box;
		max-width: 100%;
		padding: 0;
	}

	.footer .right .social {
		padding: 0;
		margin: 0 auto;
		width: 320px;
	}

	.footer .copy,
	.footer .login {
		box-sizing: border-box;
		padding: 1%;
		margin: 0;
		float: left;
		width: 50%;
	}

	.not-front #main {
		box-sizing: border-box;
		width: 100%;
		margin-top: 26px;
	}

	#content,
	.page-staff div #content {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	.not-front #content,
	.not-front.node-type-project #content {
		padding: 0 4%;
		box-sizing: border-box;
	}

	.not-front article img {
		box-sizing: border-box;
	}

	.sidebars {
		overflow: auto;
		width: 100%;
	}

	.sidebars > .region-sidebar-first {
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.sidebars > .region-sidebar-first > div {
		width: 239px;
		margin: 0 auto;
		box-sizing: border-box;
	}

	.view-resources > .view-header,
	.view-media-coverage > .view-header,
	.view-press-releases > .view-header,
	.view-publications > .view-header,
	.custom-filter-label,
	#dk0-combobox,
	#dk0-listbox {
		position: static;
	}

	.subheader,
	.page-resources .view,
	.page-media-coverage .view,
	.page-press-releases .view,
	.page-publications .view,
	.page-photo-gallery div #content {
		max-width: 100%;
		width: 100%;
	}

	.view-resources .view-header > p,
	.view-media-coverage .view-header > p,
	.view-press-releases .view-header > p,
	.view-publications .view-header > p {
		margin-bottom: 20px;
	}

	.view-resources .view-header,
	.view-media-coverage .view-header,
	.view-press-releases .view-header,
	.view-publications .view-header,
	.view-resources .view-content a,
	.view-media-coverage .view-content *,
	.view-press-releases .view-content *,
	.view-publications .view-content * {
		min-width: inherit;
		min-height: inherit;
		max-width: inherit;
		max-height: inherit;
		width: inherit;
		height: inherit;
	}

	.page-photo-gallery .view-grouping-content {
		width: 100%;
	}

	.page-photo-gallery .view-grouping-content h3 {
		margin: 15px auto;
		float: none;
	}

	.vision-left,
	.vision-left img,
	.vision-right,
	.table-wrapper-wrapper,
	.table-wrapper,
	.visionary-pricing-table {
		width: 100%;
		box-sizing: border-box;
	}

	.view-past-good-apple-dinner-honorees .field-content > div > h3 {
		font-size: 12px;
	}

	.view-past-good-apple-dinner-honorees .field-content > div div {
		font-size: 10px;
	}

	#block-views-content-box-block .content_box img,
	.view-past-good-apple-dinner-honorees .field-content > div img {
		box-sizing: border-box;
	}

	.image-gallery-btn {
		font-size: 11px;
	}

	#page-title {
		margin-top: 20px;
	}

	.page-past-good-apple-dinner-honorees #page-title {
		margin-top: 12px;
	}

	.responsive-menus.responsified .responsive-menus-simple {
		font-family: "proxima-nova", sans-serif;
		border-radius: 0;
		box-shadow: none;
	}

	.responsive-menus.responsified .responsive-menus-simple li span,
	.responsive-menus.responsified .responsive-menus-simple li a {
		text-transform: none;
	}

	/* First Level Responsive Menu Items */
	.responsive-menus.responsified .responsive-menus-simple > ul > li > span,
	.responsive-menus.responsified .responsive-menus-simple > ul > li > a {
		padding-left: 5%;
		line-height: 40px;
		height: 40px;
		padding-top: 0;
		padding-bottom: 0;
	}

	/* Second Level Responsive Menu Items */
	.responsive-menus.responsified .responsive-menus-simple > ul > li > ul > li > a,
	.responsive-menus.responsified .responsive-menus-simple > ul > li > ul > li > span {
		padding-left: 5%;
		font-size: 1.15em;
		/*height: 30px;*/
		line-height: 30px;
		color: #FFF;
		text-transform: uppercase;
		font-weight: 600;
		border-bottom: none;
	}

	/* Third Level Responsive Menu Items */
	.responsive-menus.responsified .responsive-menus-simple > ul > li > ul > li > ul a,
	.responsive-menus.responsified .responsive-menus-simple > ul > li > ul > li > ul span  {
		padding-left: 7%;
		font-size: 1em;
		height: 30px;
		border-bottom: none;
		margin-top: -6px;
		/*line-height: 30px;*/
	}

	.responsive-menus.responsified .responsive-menus-simple > ul > li > ul > .is-expanded {
		/*width: 90%;*/
		/*padding-left: 10%;*/
	}

	.hamburger-text-wrapper {
		float: left;
		font-family: "proxima-nova", sans-serif;
		margin-left: 5%;
	}

	.hamburger-button-wrapper {
		float: right;
		margin-right: 8%;
		font-size: 36px;
		line-height: 36px;
	}

	.responsive-menus.responsified .responsive-menus-simple > ul > li > .menu__link {
		position: relative;
		font-size: 1.35em;
		color: #FFF;
		font-family: "museo-slab", serif;
		width: 90%;
		padding-left: 0;
		padding-right: 0;
		margin-left: 5%;
		border-bottom: 1px solid #FFF;
		display: block;
		margin-bottom: 4px;
	}

	.responsive-menus.responsified .responsive-menus-simple > ul > li.last > .menu__link {
		border-bottom: none;
	}

	.responsive-menus.responsified .responsive-menus-simple li ul li ul li a,
	.responsive-menus.responsified .responsive-menus-simple > ul > li li a,
	.responsive-menus.responsified .responsive-menus-simple > ul > li li span {
		padding-top: 0;
		padding-bottom: 0;
		border-bottom: none;
	}

	.responsive-menus.responsified .responsive-menus-simple li ul li ul li a:before {
		content: "» ";
		font-size: 1.5em;
	}

	#block-md-slider-homepage-slider {
		display: none;
	}

}

/*
	Targeting iPhone 4 and equivalent screens in portrait mode
 */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {

	#header {
		height: 173px;
	}

	#block-block-3 {
		position: relative;
		left: 5%;
		padding: 0;
		margin: 0;
		top: 50px;
	}

	.page-staff div #content {
		max-width: 320px;
		width: 320px;
		box-sizing: border-box;
		padding: 0 0 0 25%;
	}

	.vision-left img {
		width: 305px;
	}

	.page-node-169 .page-title,
	.page-node-169 article,
	.page-node-169 .view {
		padding-left: 1%;
		padding-right: 1%;
	}

	.page-node-169 .block-views .block-title,
	.page-node-169 .view .view-content h3 {
		width: 279px;
		margin-left: auto;
		margin-right: auto;
	}

	.front #block-views-content-box-block {
		width: 100%;
	}

	.dk-selected:before {
		right: -85px;
	}

	#dk0-listbox > .default {
		display: none;
	}

	.dk-selected:hover:after,
	.dk-selected:focus:after,
	.dk-selected::after {
		max-height: 30px;
		margin-right: 0;
		right: -48px;
	}

	.commissioner-fancybox .right .bottom > p {
		padding-right: 12px;
	}

	.publication-item-row .right {
		min-width: 100%;
		box-sizing: border-box;
		margin-left: 0;
		padding-left: 8px;
	}

	.left .thumb-orig {
		max-width: 280px;
	}

	.left > a > span > img {
		margin-left: 8px;
	}

	.fancybox-title {
		font-size: 8px;
		display: none;
	}

	.resource-item-row {
		min-height: inherit;
	}

	.resource-item-row .right {
		box-sizing: border-box;
	    margin-left: 0;
	    padding-left: 8px;
	    height: inherit;
	    width: inherit;
	    min-width: inherit;
	    min-height: inherit;
	    max-width: inherit;
	}

	.resource-item-row .thumb-tall {
		width: inherit;
		height: inherit;
	}

	#Donation fieldset {
		box-sizing: border-box;
		padding: 8px;
	}

	#Donation fieldset label,
	#Donation fieldset input[type='text'] {
		max-width: 80%;
		margin: 0;
		padding: 0;
		width: 80%;
	}

	#Donation #Submit {
		width: 100%;
	}

	.footer .social {
		margin-top: 8px;
	}

	.footer .fb {
		margin-left: 21%;
	}

	.footer .twitter {
		/*margin-left: 13%;*/
	}

	.footer .youtube {
		/*margin-left: 11%; */
	}

	.footer .right .social .news-alerts {
		display: block;
		margin: 8px auto;
	}

	.footer .copy,
	.footer .login {
		float: none;
		width: 192px;
		margin: 4px auto;
	}

	#cboxClose {
		right: -20px;
		top: -20px;
	}
}

/*
	Targeting iPhone 4 and equivalent screens in landscape mode
 */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {

	#block-block-3 {
		position: relative;
		left: 25%;
		padding: 0;
		margin: 0;
	}

	.footer .left > img,
	.footer .left > div {
		padding-left: 20%;
	}

	.image-gallery-prev:after {
		left: 7px;
		top: -12px;
		font-size: 16px;
	}

	.dk-selected:before {
		right: -86px;
	}

	.dk-selected::after {
		margin-right: 0;
		right: -45px;
	}

	#dk0-listbox > .default {
		display: none;
	}

	.dk-selected:hover:after,
	.dk-selected:focus:after {
		max-height: 30px;
	}

	.publication-item-row .right {
		min-width: 100%;
		box-sizing: border-box;
		margin-left: 0;
		padding-left: 8px;
	}

	.commissioner-fancybox .right .bottom > p {
		padding-right: 12px;
	}

	.left .thumb-orig {
		max-width: 280px;
	}

	.left > a > span > img {
		margin-left: 8px;
	}

	.fancybox-title {
		font-size: 8px;
		display: none;
	}

	.resource-item-row {
		min-height: inherit;
	}

	.resource-item-row .right {
		box-sizing: border-box;
	    margin-left: 0;
	    padding-left: 8px;
	    height: inherit;
	    width: inherit;
	    min-width: inherit;
	    min-height: inherit;
	    max-width: inherit;
	}

	.resource-item-row .thumb-tall {
		width: inherit;
		height: inherit;
	}

	#cboxClose {
		right: -20px;
		top: -20px;
	}

}

/*
	Targeting iPhone 5 and equivalent screens in landscape mode
*/
@media only screen and (max-width: 568px) and (orientation: landscape) {
}

/*
	Targeting Nexus 4 in equivalent screens portrait mode
 */
@media only screen and (min-device-width: 384px) and (orientation: portrait) {

	#header {
		height: 147px;
	}

	#block-block-3 {
		position: relative;
		left: 5%;
		top: 26px;
	}

}

/*
	Targeting Nexus 4 and equivalent screens in landscape mode
 */
@media only screen and (max-width: 640px) and (orientation: landscape) {

	#block-block-3 {
		position: relative;
		left: 25%;
		padding: 0;
		margin: 0;
	}
}

/*
	Targetting Note 3 screens in landscape mode
 */
@media only screen and (max-device-width: 1920px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {

}

/*
	Targetting Note 3 screens in portrait mode
 */
@media only screen and (max-device-width: 1080px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {

	.commissioner-fancybox {
		overflow: hidden;
	}

}

/*
	Targetting Note 4 screens in landscape mode
 */
@media only screen and (max-device-width: 2560px) and (-webkit-min-device-pixel-ratio: 4) and (orientation: landscape) {

}

/*
	Targetting Note 4 screens in portrait mode
 */
@media only screen and (max-device-width: 1440px) and (-webkit-min-device-pixel-ratio: 4) and (orientation: portrait) {

	.commissioner-fancybox {
		overflow: hidden;
	}

}

/*
	Targeting screens that can handle the full site
 */
@media print, only screen and (min-width: 768px) {

	#block-system-main-menu {
		position: relative;
/*		top: 136px;
		left: 364px;*/
		width: 770px;
		z-index: 10;
		/*left: 64px;*/
		left: 14px;
		top: 84px;
	}

	#block-system-main-menu .block-title {
		display: none;
	}

	#block-system-main-menu ul {
		padding: 0;
	}
	
	#block-system-main-menu > ul > li > ul > li {
		line-height: 12px;
		margin-bottom: 13px;
	}

	#block-system-main-menu > ul > li > ul > li > a,
	#block-system-main-menu > ul > li > ul > li > span {
		text-transform: uppercase;
		font-family: "proxima-nova", sans-serif;
		font-weight: 700;
		font-size: 12px;
		font-style: normal;
		/*line-height: 12px;*/
		line-height: 0px;
		height: 12px;
	}

	#block-system-main-menu > ul > li > ul > li > a {
		margin-bottom: 17px;
	}

	#block-system-main-menu > ul > li > ul > li > span {
		display: inline-block;
		height: 10px;
	}


	#block-system-main-menu > ul > li > ul > li > ul > li {
		/*margin-bottom: 5px;*/
	}

	#block-system-main-menu > ul > li > ul > li > ul > li.last {
		height: 12px;
	}

	#block-system-main-menu > ul > li > ul > li > ul > li {
		line-height: 12px;
		height: 18px;
	}

	#block-system-main-menu > ul > li > ul {
		position: relative;
		padding: 13px 19px 14px 18px;
	}

	#block-system-main-menu > ul > li > ul {
		position: absolute;
		display: none;
		background-color: #FFF;
	}

	#block-system-main-menu > ul > li:active > ul,
	#block-system-main-menu > ul > li:hover > ul {
		display: block;
		box-shadow: -6px 6px 13px 0px rgba(18, 18, 19, 0.2);
		top: 36px;
	}

	#block-system-main-menu li {
		list-style: none;
	}

	#block-system-main-menu > ul > li {
		float: left;
		min-height: 41px;
	}

	#block-system-main-menu > ul > li a:hover {
		color: #b31305;
	}

	#block-system-main-menu > ul > li:active > ul:before,
	#block-system-main-menu > ul > li:hover > ul:before  {
		content: ".";
		text-indent: -9999px;
		overflow: hidden;
		height: 0;
		display: block;
		position: absolute;
		width: 0;
		top: -10px;
		left: 52px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 10px solid #FFF;
	}

	#block-system-main-menu > ul > li > span,
	#block-system-main-menu > ul > li > a {
		display: block;
		padding: 0 15px 4px 14px;
		border-right: 1px solid #d99d97;
		text-align: center;
		font-family: "museo-slab", serif;
		font-weight: 300;
		font-style: normal;
		font-size: 19px;
		/*height: 40px;*/
	}

	#block-system-main-menu > ul > li.last > a {
		border-right: none;
	}

	#block-system-main-menu a,
	#block-system-main-menu span {
		color: #333;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		font-family: "proxima-nova", sans-serif;
	}

	#main-nav-li-4 .menu .menu {
		padding-top: 4px;
	}

	
	.view-ya-photo-gallery hr,
	.view-ya-photo-gallery .view-grouping-header,
	.view-new-photo-gallery hr,
	.view-new-photo-gallery .view-grouping-header {
		max-width: 1024px;
	}
}

/*
	Targeting iPad and equivalent screens in portrait mode
 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

	.front #block-views-content-box-block,
	.region-header {
		width: 100%;
	}

	#block-views-content-box-block .views-row {
		width: 242px;
		margin-left: 4px;
		margin-right: 4px;
	}

	#block-views-content-box-block .content_box h2 {
		font-size: 15px;
	}

	#block-views-content-box-block .content_box .summary {
		font-size: 12px;
		width: 242px;
	}

	#block-system-main-menu {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		box-sizing: border-box;
	}

	#block-system-main-menu > ul {
		width: 746px;
		margin-top: 4px;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}

	#block-block-3 > p > a {
		position: relative;
		top: 12px;
	}

	#block-search-form {
		position: absolute;
		left: 528px;
		top: 60px;
	}

	#block-block-1 {
		position: absolute;
		top: 94px;
		left: 293px;
	}

	#block-block-1 .header {
		max-width: inherit;
		min-width: inherit;
	}

	#block-block-1 .news-alerts,
	#block-block-1 .donate {
		position: relative;
	}

	#block-block-3 {
		position: relative;
		top: 13px;
		left: 0;
		right: 60px;
	}

	.footer {
		max-width: 100%;
	}

	.page-photo-gallery .view-grouping-content h3 {
		float: left;
		margin-right: 48px;
		margin-left: 48px;
	}

	.page-photo-gallery .view-grouping-content {
		max-width: 100%;
		width: 100%;
	}

	.sidebars > .region-sidebar-first {
		margin: 0;
		padding: 0;
		float: left;
		width: 200px;
	}

	.sidebars > .region-sidebar-first > div {
		width: 200px;
		box-sizing: border-box;
	}

	.sidebars .region-sidebar-first {
		margin-top: 72px;
		position: relative;
		right: 14px;
	}

	.view-project-sidebars,
	#block-block-6 .block-title,
	#block-block-4 .block-title,
	#block-views-project-sidebars-block-1 .block-title,
	#block-views-project-sidebars-block-2 .block-title,
	#block-views-project-sidebars-block-3 .block-title,
	#block-views-project-sidebars-block .block-title {
		width: 200px;
	}

	.sidebar-row .right {
		width: 125px;
	}

	#main,
	.not-front #main {
		width: 100%;
	}

	.sidebar-has-overlay-mask .video-mask,
	.sidebar-has-overlay-mask a img {
		width: 200px;
		height: 145px;
		box-sizing: border-box;
	}

	.page-past-good-apple-dinner-honorees #content,
	.page-node-169 #content,
	.page-staff div #content,
	.page-photo-gallery div #content {
		max-width: 100%;
		width: 100%;
		padding-right: 36px;
		box-sizing: border-box;
	}

	.page-staff .commissioner-row {
		margin-left: 16px;
		margin-right: 16px;
	}

	.vision-top .vision-right {
		width: 326px;
		font-size: 14px;
	}

	.footer {
		position: relative;
	}

	.footer .left,
	.footer .mid,
	.footer .right {
		width: 33%;
		padding-left: 0;
		padding-right: 0;
		box-sizing: border-box;
	}

	.footer .left > img {
		margin-left: 8px;
		margin-right: 8px;
	}

	.footer .mid {
		padding-left: 8px;
		padding-right: 8px;
	}

	.footer .mid p {
		font-size: 12px;
	}

	.footer .social {
		position: absolute;
		top: -12px;
		right: 82px;
	}

	.footer .right .social .news-alerts {
		position: absolute;
		display: block;
		margin-top: 12px;
		left: 0;
	}

	.footer .right .copy {
		position: relative;
		top: 78px;
		left: 12px;
		width: 245px;
	}

	.footer .right .login {
		position: relative;
		top: 70px;
		left: 12px;
		width: 245px;
	}

	#user-login input[type="submit"],
	#sForm input[type="submit"] {
		background-color: rgb(221, 221, 221);
	}

	#block-block-1 .donate {
		top: 4px;
	}

	#block-block-1 .news-alerts {
		top: 9px;
		padding-top: 4px;
	}

}

/*
	Targeting iPad and equivalent screens in landscape mode
 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {


	html,
	body {
		width: 100%;
	}

	#main,
	.not-front #main,
	.region-header {
		width: 100%;
	}

	#block-system-main-menu {
		width: 706px;
		left: 313px;
		position: absolute;
	}

	#block-system-main-menu > ul > li > span,
	#block-system-main-menu > ul > li > a {
		font-size: 17px;
	}

	#block-block-1,
	#block-search-form {
		bottom: -35px;
		left: 29px;
	}

	#block-search-form {
		left: 38px;
	}

	#block-block-1 .header {
		position: relative;
		bottom: 6px;
		left: 18px;
	}

	.page-past-good-apple-dinner-honorees #content {
		max-width: 729px;
	}

	.footer .left,
	.footer .mid,
	.footer .right {
		max-width: 33%;
		width: 33%;
		box-sizing: border-box;
	}

	.footer .left > div {
		width: 50%;
	}

	.footer .right {
		padding-right: 0px;
	}

	.sidebars {
		right: 22px;
	}

	.page-photo-gallery .view-grouping-content h3 {
		float: left;
		margin-right: 32px;
		margin-left: 32px;
	}

	.page-past-good-apple-dinner-honorees #content,
	.page-photo-gallery div #content,
	.page-staff div #content {
		width: 100%;
		max-width: 100%;
		padding-right: 36px;
		box-sizing: border-box;
	}

	section.region-sidebar-first {
		margin-top: 72px;
		position: relative;
		right: 6px;
	}
	
	.page-staff .commissioner-row {
		margin-left: 20px;
		margin-right: 20px;
	}

	.good-apple-dinner-wrapper {
		width: 236px;
	}

	#user-login input[type="submit"],
	#sForm input[type="submit"] {
		background-color: rgb(221, 221, 221);
	}

	.header .social .news-alerts {
		position: relative;
		top: 6px;
	}

	.footer .news-alerts {
		position: relative;
		top: 10px;
	}

	.view-publications .left,
	.view-resources .left {
		width: 18%;
		box-sizing: border-box;
	}

	.view-resources .right,
	.view-publications .right {
		width: 80%;
		max-width: 80%;
	}

	#dk0-listbox,
	#dk0-combobox {
		left: 675px;
	}

	.custom-filter-label {
		left: 542px;
	}

	.view-press-releases .custom-filter-label {
		left: 532px;
	}

	.view-resources .custom-filter-label {
		left: 552px;
	}

	.view-media-coverage .custom-filter-label {
		left: 527px;
	}
}

/*
	Targeting iPad in either orientation
 */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

	.not-front.page-resources #content,
	.not-front.page-media-coverage #content,
	.not-front.page-publications #content,
	.not-front.page-press-releases #content {
		padding-right: 36px;
		padding-left: 36px;
		box-sizing: border-box;
	}

	.sidebar-first.page-press-releases #content,
	.sidebar-first.page-media-coverage #content,
	.sidebar-first.page-publications #content,
	.sidebar-first.page-resources #content,
	.page-media-coverage .view,
	.page-resources .view,
	.page-publications .view,
	.page-press-releases .view,
	.subheader {
		max-width: 100%;
		width: 100%;
	}

}


/* ----------- iPad Pro ----------- */

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

  	.footer .social {
  		right: 272px;
  	}

  	#block-block-1 {
    left: 513px;
}
}