@media (max-width: 1366px) {
	body#home header {
	margin-top: 2em;
	}
	body#home header h1 img {
	width: 28em;
	}
	body#home aside#background {

	}
	body#home header menu section {
	margin-top: 1.5em;
	}
	form#contact-form {
	width: calc(100% / 3);
	}
	body#home header h1 {
	margin-left: 13.2em;
	}
	body#home header menu section.works {
	margin-left: 14em;
	}
	body#home header menu section.exhibitions {
	margin-left: 9.3em;
	}
	body#home header menu section.biography {
	margin-left: 18.9em;
	margin-left: 17.65em;
	}
	body#home header menu section.artists-books {
	margin-left: 13.6em;
	}
	body#home header menu section a img {
	height: 1.25em;
	}

	body#gallery h1 {
	bottom: 2em;
	}
	body#gallery h1 img.recent-heading {
	clear: none;
	height: 1.8em;
	margin-top: 3.2em;
	margin-left: 1em;
	}
	body#gallery h1 img.artistsbooks-heading {
	clear: none;
	height: 1.8em;
	margin-top: 3.2em;
	margin-left: 1em;
	}
	body#gallery h1 img.exhibitions-heading {
	clear: none;
	height: 1.8em;
	margin-top: 3.2em;
	}
	body#gallery article section {
	width: calc(95% - 23em);
	}
	body#gallery nav a.previous {
	right: calc(95% - 2em);
	}
	body#gallery nav section#links-list a.exhibition-link img {
	height: 0.6em;
	}
	
	body#catalogue h1 {
	bottom: 2em;
	}
	body#catalogue h1 img.recent-heading {
	clear: none;
	height: 1.8em;
	margin-top: 3.2em;
	margin-left: 1em;
	}
	body#catalogue h1 img.artistsbooks-heading {
	clear: none;
	height: 1.8em;
	margin-top: 3.2em;
	margin-left: 1em;
	}
	body#catalogue h1 img.exhibitions-heading {
	clear: none;
	height: 1.8em;
	margin-top: 3.2em;
	}
	body#catalogue iframe {
	
    width: calc(90% - 23em);
    right: 23em;
	}

	body#catalogue nav section#links-list a.exhibition-link img {
	height: 0.6em;
	}
}
@media (max-width: 1024px) {
	body#home header {
	margin-top: 1em;
	margin-left: 1em;
	}
	body#home aside#background {
	right: -10%;
	}
	body#home header h1 img {
	width: 24em;
	}
	body#home header menu section {
	margin-top: 1em;
	}
	form#contact-form {
	width: calc(100% / 3 * 2);
	}
	body#home header h1 {
	margin-left: 6em;
	}
	body#home header menu section.works {
	margin-left: 6em;
	}
	body#home header menu section.exhibitions {
	margin-left: 1.3em;
	}
	body#home header menu section.biography {
	margin-left: 10.9em;
	margin-left: 9.65em;
	}
	body#home header menu section.artists-books {
	margin-left: 10.8em;
	}

	body#gallery h1 img.pires-vieira {
	height: 4em;
	}
	body#gallery h1 img.works-heading {
	height: 1.5em;
	}
	body#gallery h1 img.recent-heading {
	height: 1.4em;
	margin-top: 2.6em;
	}
	body#gallery h1 img.exhibitions-heading {
	height: 1.4em;
	margin-top: 2.6em;
	}
	body#gallery menu {
	right: 5em;
	}
	body#gallery menu section a {
	padding: 0.5em;
	}
	body#gallery article section {
	width: calc(100% - 23em);
	}
	body#gallery article section figure {
	width: 100%;
	}
	body#gallery article section figure img {
	/*width: 100%;*/
	}
	body#gallery nav a.previous {
	right: calc(100% - 2em);
	}
	body#gallery nav a.next {
	right: 18em;
	}
	body#gallery nav section#links-list a.exhibition-link {
	    font-size: 0.5em;
	}
	
	body#catalogue h1 img.pires-vieira {
	height: 4em;
	}
	body#catalogue h1 img.works-heading {
	height: 1.5em;
	}
	body#catalogue h1 img.recent-heading {
	height: 1.4em;
	margin-top: 2.6em;
	}
	body#catalogue h1 img.exhibitions-heading {
	height: 1.4em;
	margin-top: 2.6em;
	}
	body#catalogue menu {
	right: 5em;
	}
	body#catalogue menu section a {
	padding: 0.5em;
	}
	body#catalogue iframe {
	width: calc(100% - 21em);
    right: 20em;
	}
	body#catalogue nav section#links-list a.exhibition-link {
	    font-size: 0.5em;
	}
	
	body#biography h1 {
	right: 5em;
	}
	body#biography h1 img.pires-vieira {
	height: 4em;
	}
	body#biography h1 img.biography {
	height: 1.5em;
	}
	body#biography menu {
	right: 5em;
	}
	body#biography menu section a {
	padding: 0.5em;
	}
	body#biography article {
	left: 1.5em;
	width: calc(100% - 25em);
	}
	
	
}
@media (max-width: 960px) {
	html, body {
	height: auto;
	}
	body#home header {
	margin-top: 1em;
	margin-left: 1em;
	margin-bottom: 3em;
	}
	body#home .menu-separator {
	display: none;
	}
	body#home header h1 img {
	width: 75%;
	}
	body#home header h1 {
	margin-left: 0em;
	margin-bottom: 3em;
	}
	body#home header menu {
	padding: 0;
	padding-left: 0;
	margin: 0;
	}
	body#home header menu section {
	margin-top: 0.5em;
	}
	body#home header menu section.works {
	margin-left: 0em;
	}
	body#home header menu section.exhibitions {
	margin-left: 0em;
	}
	body#home header menu section.biography {
	margin-left: 0em;
	}
	body#home header menu section.artists-books {
	margin-left: 0em;
	}
	body#home aside#background {
	display: none;
	}
	body#home header menu section a img {
	height: 1em;
	}
	form#contact-form {
	width: 90%;
	}
	aside#social {
	top: auto;
	bottom: 1em;
	}


	body#gallery h1 {
	padding: 1em;
	float: left;
	left: 0;
	top: 0;
	width: 100%;
	bottom: auto;
	}
	body#gallery h1 img.pires-vieira {
	float: left;
	height: 4em;
	}
	body#gallery h1 img.works-heading {
	float: left;
	clear: none;
	margin-top: 2.5em;
	margin-left: 0.5em;
	height: 1.5em;
	}
	body#gallery h1 img.recent-heading {
	height: 1em;
	margin-top: 1.5em;
	margin-left: 0.5em;
	}
	body#gallery h1 img.exhibitions-heading {
	height: 1em;
	margin-top: 0.5em;
	}
	body#gallery h1 img.artistsbooks-heading {
	height: 0.8em;
	margin-top: 3.2em;
	margin-left: 0.2em;
	}
	body#gallery article section {
	width: calc(100% - 3em);
	margin: 0.5em 1.5em;
	padding: 0;
	left: 0;
	top: 5.5em;
	height: calc(100% - 13.5em);
	}
	body#gallery article.exhibitions section {
	width: calc(100% - 3em);
	margin: 0.5em 1.5em;
	padding: 0;
	left: 0;
	top: 5.5em;
	height: calc(100% - 16em);
	}
	body#gallery article section figure {
	display: flex;
	align-items: center;
	justify-content: start;
	justify-content: center;
	flex-direction: column;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	width: 100%;
	}
	body#gallery article section figure img {
	/*
	height: auto;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: block;
	*/
	}
	body#gallery article section figure figcaption {
	padding: 0;
	}
	body#gallery nav a.previous {
	position: absolute;
	left: 0.25em;
	right: auto;
	top: 45%;
	}
	body#gallery nav a.next {
	right: 0.25em;
	top: 45%;
	}
	body#gallery nav section#quicklinks {
	display: none;
	}

	body#gallery nav section#links-list aside#quicklinks {
	display: none;
	}
	body#gallery nav section#links-list {
	position: fixed;
	bottom: 4em;
	right: 1.5em;
	left: 1.5em;
	top: auto;
	height: auto;
	width: calc(100% - 3em);
	/*z-index: 1000;*/
	height: 14%;
	overflow-y: auto;
	}

	body#gallery menu {
	padding-left: 1em;
	bottom: 1em;
	left: 0;
	right: auto;
	}
	body#gallery menu {
    padding-left: 1em;
    bottom: 1em;
    left: 0;
    right: auto;
    background-color: #fff;
    font-size: 1.5em;
    bottom: 0;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
	display: none;
	padding: 1em;
	}
	body#gallery menu section a {
	padding: 0.1em 0.25em;
	margin: 0;
	}
	body#gallery.exhibitions menu section.artists-books {
	clear: both;
	}
	body#gallery.artistsbooks menu section.biography {
	clear: both;
	}
	
	
	body#catalogue h1 {
	padding: 1em;
	float: left;
	left: 0;
	top: 0;
	width: 100%;
	bottom: auto;
	}
	body#catalogue h1 img.pires-vieira {
	float: left;
	height: 4em;
	}
	body#catalogue h1 img.works-heading {
	float: left;
	clear: none;
	margin-top: 2.75em;
	margin-left: 0.5em;
	height: 1.5em;
	}
	body#catalogue h1 img.recent-heading {
	height: 1em;
	margin-top: 1.5em;
	margin-left: 0.5em;
	}
	body#catalogue h1 img.exhibitions-heading {
	height: 1em;
	margin-top: 0.5em;
	}
	body#catalogue h1 img.artistsbooks-heading {
	height: 0.8em;
	margin-top: 3.2em;
	margin-left: 0.2em;
	}
	body#catalogue iframe {
	width: calc(100% - 3em);
	right: auto;
	margin: 0.5em 1.5em;
	padding: 0;
	left: 0;
	top: 5.5em;
	height:calc(100% - 17.5em);
	}
	body#catalogue nav section#links-list {
	position: fixed;
	bottom: 4em;
	right: 1.5em;
	left: 1.5em;
	top: auto;
	height: auto;
	width: calc(100% - 3em);
	/*z-index: 1000;*/
	height: 14%;
	overflow-y: auto;
	}
	body#catalogue article section figure img {
	/*
	height: auto;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: block;
	*/
	}
	body#catalogue article section figure figcaption {
	padding: 0;
	}
	body#catalogue nav a.previous {
	position: absolute;
	left: 0.25em;
	right: auto;
	top: 45%;
	}
	body#catalogue nav a.next {
	right: 0.25em;
	top: 45%;
	}

	body#catalogue nav section#links-list aside#quicklinks {
	display: none;
	}
	body#catalogue nav section#links-list {
	position: fixed;
	bottom: 6em;
	right: 1.5em;
	left: 1.5em;
	top: auto;
	height: auto;
	width: calc(100% - 3em);
	z-index: 1000;
	height: 10%;
	overflow-y: scroll;
	}

	body#catalogue menu {
    padding-left: 1em;
    bottom: 1em;
    left: 0;
    right: auto;
    background-color: #fff;
    font-size: 1.5em;
    bottom: 0;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
	display: none;
	padding: 1em;
	}
	body#catalogue menu section a {
	padding: 0.5em 0.25em;
	margin: 0;
	}
	body#catalogue.exhibitions menu section.artists-books {
	clear: both;
	}
	body#catalogue.artistsbooks menu section.biography {
	clear: both;
	}
	
	body#biography {
	background-image: none;
	}
	
	body#biography h1 {
	padding: 1em;
	float: left;
	left: 0;
	top: 0;
	width: 100%;
	bottom: auto;
	background-color: #231f20;
	}
	body#biography h1 img.pires-vieira {
	float: left;
	height: 4em;
	}
	body#biography h1 img.biography {
	float: left;
	clear: none;
	height: 1.5em;
	}
	
	body#biography menu {
	padding-top: 1em;
	padding-left: 1em;
	padding-bottom: 1.25em;
	left: 0;
	right: auto;
	background-color: #231f20;
	}
	body#biography menu {
    padding-left: 1em;
    bottom: 1em;
    left: 0;
    right: auto;
    background-color: #fff;
    font-size: 1.5em;
    bottom: 0;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
	display: none;
	padding: 1em;
	background-color: #231f20;
	}
	body#biography menu section a {
	padding: 0.25em 0.5em;
	margin: 0;
	}
	body#biography article {
	float: left;
	width: 100%;
	margin: 0;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: auto;
	padding: 0 1em 0 1em;
	margin-bottom: 4.5em;
	margin-top: 9.5em;
	background-color: transparent;
	box-shadow: none;
	text-shadow: none;
	border-radius: 0;
	}
	#menu-extra {
	display: block;
	z-index: 1000;
	}
	#menu-open, #menu-exit {
	position: fixed;
	bottom: 1em;
	left: 1em;
	z-index: 1000;
	padding: 0.5em;
	}
	#menu-open {
	display: block;
	}
	#menu-open img, #menu-exit img {
	height: 1em;
		
	}
}


@media (orientation: portrait) {
    
    
  #cookie-bar { 
    flex-direction: column;
  }
  #cookie-bar h2 {
    text-align: center;
  }
  .cookie-button {
    min-width: 100%;
  }
  #cookie-refuse {
    order: 30;
  }
}