/* Mobile
--------------------------------------------- */

 @media screen and (orientation:portrait) {





	h1 {
		
		font-size: 35px;
	    line-height: 40px;
	}

	h2 {
		font-size: 45px;
	    line-height: 40px;
	}

	h3 {
		font-size: 30px;
	    line-height: 40px;
	}

	h4 {
		font-size: 23px;
	    line-height: 30px;
	}

	a, p, span, button, input, select, optgroup, textarea {
		font-size:19px;
		line-height:23px;
	}


 	.page-margins {
 		margin-left: 5%;
 		width: 90%;
 	}

 	.nodesktop {display: block !important;}
 	.nomobile {display: none !important;}

 	.minihead__language-switcher {
 		top:0px;
 		width:50px;
 	}
 	.wpml-ls-legacy-list-horizontal .wpml-ls-item {
 		position: absolute;
	    top: 0;
	    left: 0px;
 	}
 	.wpml-ls-legacy-list-horizontal a span {
 		font-size:25px;
 	}
 	
 	.minihead {
 		height:60px;
 		line-height:60px;
 	}
 	.minihead__language-switcher * {
 		display: block;
 		height:60px;
 		line-height:60px;
 	}

 	.minihead__content,.minihead__logo-link {display: none;}
 	
 	.minihead__content-right {
 		margin-right:2vw;
 	}

 	.minihead__hamburger-link {
 		margin:0;
 	}
 	.minihead__hamburger {
 		display: inline;
 		position: relative;
	    height: 24px;
	    top:18px;
 	}

 	.main-navigation ul {
 		left: auto !important;
 		display: flex;
 		flex-direction: column;
 		box-shadow: none !important;
 		background:none;
 	}
 	.main-navigation li {
 		position: static;
 		background-color:transparent;
 	}

 	.site-header {
 		height:0;
 		min-height: auto;
 		max-height: none;
 		margin:0;
 		justify-content: left;
 		transition: height 0.8s;
 		overflow: hidden;
 	}
 	.main-navigation {
 		position: relative;
 		width:100%;
 	}
 	
 	.nav-menu > .menu-item {
 		margin: 15px 15px 0px 15px;

 	}
 	.nav-menu > .menu-item:last-of-type {
 		padding-bottom: 15px;
 	}

 	.sub-menu {
 		height:0;
 		transition: height 0.8s;
 		overflow:hidden;
 		top:0 !important;
 		width:50vw !important;
 		left: auto;
 		right:0px;
 	}
 	.sub-menu > li {
 		width:100%;
 	}

 	
	.sub-menu > li:nth-of-type(1) > a{
 		width:75px !important;
 		overflow:hidden;
 		height:25px; /*line height */
 	}
 	.sub-menu > li:nth-of-type(2) > a{
 		width:65px !important;
 		overflow:hidden;
 		height:25px; /*line height */
 	}
 	.sub-menu > li:nth-of-type(3) > a{
 		width:90px !important;
 		overflow:hidden;
 		height:25px; /*line height */
 	}

 	.site-navigation {
 		margin: 5vh 0 5vh 0;
 	}
 	.custom-logo-link {
 		z-index: 1;
 		position: absolute;
 		top:0;
 		left:2vw;
 		margin:0;
 		width:auto;
 		filter: invert();
 	}
 	.custom-logo {
 		margin-top:10px;
 		height:40px;
 	}


 	.wide-img-banner__text-container {
 		text-align: center;
 		left:0;
 		width:100%;
 	}

 	.wide-img-banner__time {display: none;}

 	.wide-img-banner__pretext {
 		margin:0;
 		top: calc( 12px + 4vw );
 		left:0%;
 		padding-left:5%;
 	}
 	.wide-img-banner {
 		height:100vw;
 	}

 	.mini-break,
 	.mobile-mini-break {height:4vw;}

 	.break,
 	.mobile-break {height:8vw;}



 	.mobile-only-first-paragraph > p:not(:first-child){
 		display: none;
 	}

 	.content-with-embedded-box__box {
 		width:100%;
 		margin-top: 4vw;
 	}

 	.content-with-embedded-box__content > p:first-child {
		width:auto;
/*		padding-bottom:8vw;*/
		margin-bottom: 0;
	}

 	.img-by-text-banner {
 		height:auto;
 	}
 	.img-by-text-banner__link {
 		flex-direction: column;
 		margin:12px 0;
 	}
 	.img-by-text-banner__left {
 		margin-bottom:4vw;
 		width:100%;
 	}

 	.img-by-text-banner__pretext,
	.img-by-text-banner__postext {
		position: static;
		display: none;
	}

 	.img-by-text-banner__text-container {
 		transform: none;
 		top:0;
 	}
 	.img-by-text-banner__right {
 		width:100%;
 		height:auto;
 		margin-left:0;
 	}


 	.text-by-img-banner {
 		height:auto;
 	}
 	.text-by-img-banner__left {
 		width:100%;
 	}
 	.text-by-img-banner__link {
 		flex-direction: column;
 	}
	.text-by-img-banner__pretext {
		position: static;
		margin:12px 0;
	}
	.text-by-img-banner__postext {
		display: none;
	}
	.text-by-img-banner__subtitle {
		margin-bottom:5px;
	}

 	.text-by-img-banner__text-container {
 		transform: none;
 		top:0;
 	}
 	.text-by-img-banner__right {
 		display: none;
 	}


 	.wide-slideshow__slide {
	    height:100vw;
	}
 	.wide-slideshow__caption {
 		display: none;
 	}
 	/*.wide-slideshow {
 		display: none;
 	}*/


 	.blog-banner {
 		height:auto;
 		margin:0;
 	}
 	.blog-banner__postext {
 		display: none;
 	}
 	.blog-banner__pretext {
		position: static;
		margin:12px 0;
	}
 	.blog-banner__text {
 		transform: none;
 		top:0;
 	}
 	.blog-banner__author {
 		margin-bottom:5px;
 	}
 	.site-info {
 		flex-wrap: wrap;
 		padding-left:5%;
 		padding-right:5%;
 	}
 	.site-info__col {
 		width:100%;
 	}

 	.column-banner__fade {
 		-webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 93%);
	    mask-image: linear-gradient(to bottom, black 80%, transparent 93%);
 	}

 	.column-banner__left > .column-banner__item:last-of-type,
 	.column-banner__right > .column-banner__item:last-of-type {
 		margin-bottom:40px;
 	}

 	.archive-grid {
 		flex-direction: column;
 	}
 	.archive-grid__link {
 		width:100%;
 	}
 	.page-title {
 		margin-top:8vw;
 	}

 	.cky-notice-btn-wrapper {
 		display: flex !important;
	    flex-direction: row-reverse !important;
	    justify-content: space-between !important;
 	}
 	.cky-btn {
 		margin-top:10px !important;
 	}
 	.cky-btn-accept {margin-left:2.5% !important;}
 	.cky-btn-decline {margin-right:2.5% !important;}

 	.nav-menu > li > a {
 		display: inline;
 	}

 	.program-page-archive .archive-grid__link:not(:first-child) {
 		display: none;
 	}

 	.two-column-content__col {
 		width:100%;
 	}
 	.visit-map {
 		display: none;
 	}

 	.notes-grid__link {
 		width:100%;
 		aspect-ratio: initial;
 		margin:12px 0;
 	}
 	.notes-grid__text {
 		position: static;
 		padding:0;
 		background:none;
 	}
 	.notes-grid__title,
 	.notes-grid__subtitle {
 		margin:0;
 	}
 	.notes-grid__img-container {
 		height:auto;
 	}

 	/*.exhibition-event-sidebar__labs {
 		display: none;
 	}*/
 	.exhibition-event-sidebar__lab {
 		width:100%;
 	}

 	.logos__container {
 		display: flex;
 		flex-wrap:wrap;
 		justify-content: space-between;
 	}
 	.logos__logo {
 		height:auto;
 		width:45%;
/*	width:100%;*/
 		margin-right:0;
 		margin-bottom:2vw;
 	}
 }