﻿
/*-----------------------------------------------------*/
/* Tablets (744 cut off for ipad mini)                 */
/*-----------------------------------------------------*/

@media screen and (min-device-width: 744px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

	h1 {
		padding: 2.5em 0 0;
	}

		h1.standard {
			margin: 0 1em 0;
			padding: 2.5em 0 0;
		}

	p.intro {
		margin: 0 2em 2.5em;
		padding: 1.3em 0 0;
	}

	/* hero slider */

	.hero-slider #carousel {
		padding: 6px 0 6px 6px;
		bottom: 19%;
	}

	.hero-slider .outer .inner {
		bottom: 16%;
	}

	.hero-slider #carousel .slides li {
		width: 60px !important;
		margin-right: 6px !important;
	}

	.flex-direction-nav a:before {
		font-size: 30px !important;
	}

	.hero-text {
		top: 98px;
	}

		.hero-text > span {
			font-size: 3em;
		}

	.hero-sub {
		top: 526px;
	}

		.hero-sub > span {
			font-size: 2em;
		}

	/* menu */

	header ul.subject {
		display: none;
	}

	/* galleries */

	.gallery.mixed .row {
		padding: 6em 0.2em 0;
	}

		.gallery.mixed .row .collection .paintings {
			margin: 1em 2em 6em;
		}

	/* painting details formats */

	.strip .navigation {
		margin: 0 2em;
	}

	.grid {
		margin: 4.5em 0 3em;
	}

		.grid .painting {
			padding: 0 4%;
			width: 48%;
		}

		.grid.square .painting {
			padding: 0 4%;
			width: 45%;
		}

		.grid .painting-details {
			margin: 0 5% 0 0;
			width: 52%;
		}

		.grid.square .painting-details {
			width: 55%;
		}

	.further-information .information {
		flex-basis: 90%;
	}

	/* ctas - standard */

	.cta-outer.cta-about {
		padding: 9em 0 4em;
	}

		.cta-outer.cta-about .cta {
			width: 86%;
		}

	.cta-outer.photo .cta .content p {
		font-size: 1.4em;
	}

	.cta-outer.cta-me {
		background-image: url(/img/site/banners/full/w2560/banner-greece-water_w2560.webp);
		background-attachment: scroll;
	}

	.cta-outer.british-art-prize {
		background-attachment: scroll;
	}

	.cta-outer.cta-charities {
		background-attachment: scroll;
	}

	/* cta galleries */

	.cta-gallery {
		column-gap: 3%;
	}

		.cta-gallery .cta-box img:hover {
			transform: none;
			transition: none;
		}
}

/*-----------------------------------------------------*/
/* Tablets portrait                                    */
/*-----------------------------------------------------*/

@media screen and (min-device-width: 744px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

	h1 {
		padding: 2.5em 0 0;
	}

		h1.standard {
			margin: 0 1em 0;
			padding: 2.5em 0 0;
		}

	p.intro {
		margin: 0 2em 2.5em;
		padding: 1.3em 0 0;
	}

	header .logo {
		margin: 15px 0 0 10px;
	}

	header img {
		margin: 0;
	}

	header .menu {
		font-size: 0.9em;
	}

		header .menu ul li {
			margin: 0;
		}

		header .menu .logo {
			margin: 17px 0 0 0;
		}

		header .menu img {
			width: 80%;
			margin: 0 22%;
		}

		header .menu ul {
			column-gap: 2em;
		}

			header .menu ul li a {
				white-space: nowrap
			}

		header .menu ul.type {
			padding: 0px 26px 0 14px;
		}

		header .menu ul.info {
			padding: 0 16px 0 20px;
		}

			header .menu ul.divider:after {
				top: 2px;
			}

	.hero-slider .flexslider .slides img {
		height: 50vh;
	}

	.hero-slider .outer .inner {
		display: none;
	}

	.cta-gallery {
		justify-content: center;
		flex-wrap: wrap;
	}

	.cta-gallery {
		column-gap: 4%;
	}

		.cta-gallery .cta-box {
			display: flex;
			flex-direction: column;
			flex: 0 1 auto;
			width: 30%;
			margin: 1em 0;
		}

		.cta-gallery .cta-box {
			flex: 0 1 auto;
		}

	.gallery.mixed .row {
		padding: 6em 2em 0;
	}

	/* painting details formats */


	.strip .navigation {
		margin: 0 2em;
	}

	.grid {
		flex-wrap: wrap;
		margin: 4.5em 0 3em;
	}

		.grid .painting {
			padding: 0 6em;
			width: 100%;
		}

		.grid.square .painting {
			padding: 0 6em;
			width: 100%;
		}

		.grid .painting-details {
			margin: 0 5% 0 0;
			width: 92%;
			padding: 5% 4% 0;
		}

		.grid.square .painting-details {
			width: 92%;
		}

	.further-information .information {
		flex-basis: 90%;
	}

	/* standard CTA */

	.cta-outer + .cta-outer.reverse {
		padding: 0 0 3em;
	}

	.cta-outer {
		display: flex;
		padding: 3em 0 3em;
	}

	.cta-outer.cta-about .cta {
		width: 86%;
	}

	.cta-outer .image {
		width: 40%;
	}

	.cta-outer.short .image {
		padding: 0 3em 2em 0;
		width: 40%;
	}

		.cta-outer .cta .content h2 {
			max-width: 45%;
			line-height: 1.4em;
		}

	.cta-outer.short .cta .content,
	.cta-outer.short.reverse .cta .content {
		padding: 0;
	}

		.cta-outer.cta-me {
			background-image: url(/img/site/banners/full/w1920/banner-greece-water_w1920.webp);
			background-attachment: scroll;
			background-size: cover;
			padding: 3em 0;
		}

		.cta-outer.cta-me.cta-about {
			padding: 8em 0 3em;
		}

		.cta-outer.british-art-prize {
			background-image: url(/img/site/banners/full/w1920/oxo-tower_w1920.webp);
			background-attachment: scroll;
			background-position: 46% -127%;
			padding: 3em 0;
			margin: 0 0 4em;
		}

		.cta-outer.cta-charities {
			background-image: url(/img/gallery/banners/full/w1920/gathering-storm_w1920.webp);
			background-attachment: scroll;
			background-position: 14% center;
			padding: 3em 0;
			margin: 0 0 4em;
		}

		.cta-outer.charity {
			border-top: none;
			padding: 0;
			margin: 0 0 2em;
		}

			.cta-outer.charity .image {
				width: 32%;
				margin: 0 2em 1.5rem 0;
			}

		.cta-outer.short.logo.charity .content {
			padding: 0;
		}

		.cta-outer.short.logo.charity .cta .content h2 {
			max-width: 32%;
		}

		.cta-outer.short.logo.charity .content p {
			margin: 1.4em 2.5em 1.4em 0;
		}

}

/*-----------------------------------------------------*/
/* Phones                                              */
/*-----------------------------------------------------*/

@media screen and (max-device-width: 743px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait) {

	.desktop-tablet-only {
		display: none;
	}
	.mobile-only {
		display: inline-block;
	}

	h1.standard {
		margin: 0 1em 0;
		padding: 3em 0 0;
		font-size: 2.2em;
	}

	.page-content h1 {
		padding: 3em 0 0;
		font-size: 2.2em;
	}

	.page-content h2 {
		padding: 0;
		margin-top: 0;
		font-size: 2.2em;
	}

	.page-content {
		margin: 0 10% 1.5em;
	}

	.contact {
		padding: 1em 0 0;
	}

	p.intro {
		margin: 0 2em 1.5em;
		padding: 1.3em 0 0;
	}

	/* header */

	header {
		height: 52px;
	}

	header .hamburger {
		display: block;
		position: absolute;
		left: 1em;
		top: 0.9em;
	}

	header .logo {
		margin: 12px 0 0;
		order: 2;
	}

	header .menu {
		display: none;
		font-size: 1.2em;
		order: 1;
		flex-wrap: wrap;
		background: #ffffff;
		z-index: 200;
		position: absolute;
		width: 76%;
		left: 0;
		padding: 1em 0 1em;
		border: 2px solid #97dad8;
		border-top: 0;
	}

		header .menu ul {
			display: block;
		}

		header .menu ul li {
			margin: 0;
			padding: 1.5em 0;
		}

		header .menu .logo {
			margin: 0;
		}

		header .menu ul.mobile-header {
			display: block;
		}

			header .menu ul.mobile-header li {
				display: flex;
				align-items: center;
				column-gap: 1.8em;
				padding: 1em;
			}

				header .menu ul.mobile-header li a.close img {
					width: 70%;
					margin: 0 0 0 0.6em;
				}

				header .menu ul.mobile-header li a.logo img {
					width: 100%;
					margin: 0;
				}


		header .menu ul.type,
		header .menu ul.info {
			padding: 2em 0 0 6em;
			border-top: 2px solid #dddddd;
			margin: 1em 0;
		}

			header .menu ul li a {
				white-space: nowrap
			}

			header .menu ul.divider:after {
				display: none;
			}

/* hero slider */

.hero-slider .outer .inner {
	display: none;
}
			
	.hero-slider .flexslider .slides img {
		height: 40vh;
	}

	.hero-slider .flexslider {
		margin: 0;
	}

	/* ctas - small */

	.cta-small-outer {
		margin: 1em 0 9em;
	}

		.cta-small-outer .cta-small {
			flex-wrap: wrap;
			position: relative;
		}

			.cta-small-outer .cta-small .content {
				padding: 2em;
				margin: 2em;
			}

		.cta-small-outer .image {
			position: absolute;
			bottom: -6em;
			right: 11%;
			z-index: 10;
			padding: 1.8em 2.8em;
			column-gap: 15%;
			justify-content: center;
		}

			.cta-small-outer .image img {
				width: 5em;
			}

	/* cta galleries */

	.cta-gallery {
		margin: 2% 5%;
		column-gap: 5%;
	}

		.cta-gallery .cta-box {
			margin: 0.7em 0;
		}

	/* ctas - standard  */


	.cta-outer + .cta-outer.reverse {
		padding: 0 0 2em;
	}

	.cta-outer,
	.cta-outer.reverse {
		padding: 2em 0;
	}

		.cta-outer.cta-about {
			padding: 5.5em 0 1em;
			background-size: cover;
		}

			.cta-outer.photo.cta-about {
				background-size: cover;
			}

		.cta-outer .cta,
		.cta-outer.reverse .cta {
			padding: 0;
			width: calc(100% - 2em);
		}

			.cta-outer.photo .cta {
				background-color: rgba(0, 0, 0, 0.2);
			}

				.cta-outer.photo.british-art-prize .cta {
					background-color: rgba(0, 0, 0, 0.5);
				}

		.cta-outer.short .image,
		.cta-outer.short.reverse .image,
		.cta-outer .image {
			float: none;
			padding: 1em;
			width: calc(100% - 2em);
		}

		.cta-outer .cta .content,
		.cta-outer.short .cta .content,
		.cta-outer.short.reverse .cta .content {
			position: relative;
			padding: 0;
		}

		.cta-outer.cta-about .cta .content h1,
		.cta-outer .cta .content h2,
		.cta-outer.short .cta .content h2 {
			left: 0;
			top: -75px;
			z-index: 20;
			max-width: 70%;
			margin: 0;
			position: absolute;
			line-height: 1.2em;
		}


			.cta-outer.cta-about .cta .content h1,
			.cta-outer .cta .content h2,
			.cta-outer.short .cta .content h2 {
				left: 0;
				top: -75px;
				z-index: 20;
				max-width: 70%;
				margin: 0;
				position: absolute;
				line-height: 1.2em;
			}

		.cta-outer.short.voting .cta .content h2 {
			top: -100px;
		}

		.cta-outer .cta .content p {
			margin: 1.4em 1.5em 1.4em;
		}

		.cta-outer .cta .content h2.two-lines {
			top: -126px;
		}

		.cta-outer.short.voting {
			padding: 0;
			margin: 2em 0 2em;
		}

	.cta-outer.cta-me {
		background-image: url(/img/site/banners/full/w1920/banner-greece-water_w1920.webp);
		background-attachment: scroll;
	}

	.cta-outer.british-art-prize {
		background-image: url(/img/site/banners/full/w1920/oxo-tower_w1920.webp);
		background-attachment: scroll;
		background-position: 53% -6%;
	}

	.cta-outer.cta-charities {
		background-image: url(/img/gallery/banners/full/w1920/gathering-storm_w1920.webp);
		background-attachment: scroll;
		background-position: 14% center;
	}

		.cta-outer.charity {
			border-top: none;
			padding: 0;
			margin: 0 0 2em;
		}

			.cta-outer.charity .cta {
				padding: 2em;
				width: calc(100% - 6em);
			}

			.cta-outer.charity .image {
				width: calc(100% - 4em - 3px);
				margin: 0 0 1em;
			}

				.cta-outer.short.logo.charity .content {
					padding: 0;
				}

				.cta-outer.short.logo.charity .cta .content h2 {
					position: static;
					max-width: 100%;
					text-align: center;
				}

		.cta-outer.short.logo.charity .content p {
			margin: 1.4em 0 1.4em;
		}

	/* CTA guide */

		.cta-outer.guides .cta .content {
			margin: 1.4em 1.5em 1.4em;
		}

			.cta-outer.guides .cta .content h2 {
				position: static;
				max-width: 100%;
				text-align: center;
			}

			.cta-outer.guides .cta .content p {
				margin: 1.4em 0;
			}

	/* ctas - gallery info */

	.cta-gallery-info {
		gap: 1.2em 4%;
		margin: 6% 4%;
	}

		.cta-gallery-info .cta-box-info .text {
			height: 7em;
		}

		.cta-gallery-info .cta-box-info {
			width: 30%;
		}


	/* filter */

	.filter + .gallery.mixed .row {
		padding-top: 0.5em;
	}

	.filter {
		padding: 6em 0 0;
		gap: 2em;
		flex-wrap: wrap;
		justify-content: center;
	}

		.filter a.item {
			flex-basis: 30%;
		}

	/* Galleries */

	.gallery + .cta-small-outer {
		margin: 0 0 9em;
	}
	
	.gallery.mixed .row {
		padding: 5em 0 0;
	}

		.gallery.mixed .row .collection .collection_name {
			text-align: center;
			font-size: 2em;
			display: block;
			color: #ffffff;
			background-color: #08b4ae;
			width: 365px;
		}

		.gallery.mixed .row .collection .item.collection_name.js-square {
			display: block;
			width: calc(100% - 28%) !important;
			margin: 0 14%;
			text-align: center;
		}

			.gallery.mixed .row .collection .item.collection_name.js-square div {
				text-align: center !important;
				position: static;
				font-size: 1em;
				justify-content: center;
				display: flex;
				flex-wrap: wrap;
				padding: 0.5em 0.25em;
			}

				.gallery.mixed .row .collection .item.collection_name.js-square div img {
					height: 0;
				}

				.gallery.mixed .row .collection .collection_name.js-square div .collection_name_text {
					text-align: center !important;
					position: static;
					font-size: 0.9em;
					justify-content: center;
				}

		.gallery.mixed .row .collection .paintings {
			display: block;
			margin: 1.2em 0;
		}

			.gallery.mixed .row .collection .paintings .item {
				display: block;
				margin: 1.5em 0;
			}

			.gallery.mixed .row .collection .paintings .item .quick-note {
				position: absolute;
				bottom: 0;
				background-color: rgba(255, 255, 255, 0.7);
				padding: 0.5em 0.7em 0.4em 0.5em;
				color: #444444;
				font-size: 1.2em;
			}

			.gallery.mixed .row .collection .paintings .item img {
				width: 100%;
			}

			.gallery.mixed .row .collection .paintings.charities {
				justify-content: flex-start;
				margin: 1em 0 2.5em;
				padding: 0;
				border-bottom: none;
			}

				.gallery.mixed .row .collection .paintings.charities .collection_name.js-square {
					width: calc(100% - 4em - 4px) !important;
					margin: 0 auto 1.2em;
				}

					.gallery.mixed .row .collection .paintings.charities .collection_name.js-square div img {
						height: auto;
					}

	.gallery.mixed.square .row .collection .paintings .item img {
		aspect-ratio: 1 / 1;
	}

	/* painting details */

	.banner.img {
		display: none;
	}

	.strip {
		padding-top: 4.5em;
	}

		.strip .navigation {
			margin: 0 1em;
			text-align: center;
			line-height: 1.6em;
		}

			.strip .navigation a {
				padding: 0.9em 20px;
			}

	.grid {
		margin: 0;
	}

		.grid .painting,
		.grid.square .painting {
			padding: 0;
			width: 100%;
		}

		.grid .painting-details {
			margin: 0;
			padding: 2em 4% 0;
		}

			.grid .painting-details h1 {
				font-size: 2em;
			}

			.grid .painting-details .formats-outer ul.formats {
				justify-content: center;
				margin: 0.5em 0 2em;
				gap: 2em;
				flex-wrap: wrap;
			}

				.grid .painting-details .formats-outer ul.formats li {
					flex-basis: 44%;
				}

			.grid .painting-details .formats-outer .order {
				margin: 0 0 1.5em;
			}

	.further-information {
		padding: 2em 0 0;
		min-height: auto;
	}

		.further-information .title {
			padding: 0 1.5em;
			text-align: center;
			line-height: 1.2em;
		}

			.further-information .title p {
				line-height: 1.4em;
			}

		.further-information .information {
			padding: 2em 0;
		}

			.further-information .information h3 {
				font-family: commeMedium, Arial, Helvetica, sans-serif !important;
				padding: 0;
				height: 4em;
				line-height: 1.3em;
				display: flex;
				justify-content: center;
			}

	/* footer */

	.footer {
		justify-content: flex-start;
		column-gap: 0;
		padding: 2em 11%;
	}

		.footer > ul.main-links {
			border-bottom: 1px solid white;
			padding: 0 2em 1.5em 0;
			margin-bottom: 1.5em;
		}

		.footer > ul.category-links {
			border-bottom: 1px solid white;
			padding: 0 0 1.5em 2em;
			margin-bottom: 1.5em;
		}

		.footer > ul.information {
			padding: 0 3em 0 0;
		}

		.footer > ul.social {
			display: flex;
			justify-content: space-evenly;
			column-gap: 20%;
		}

			.footer > ul.social img {
				width: 3em;
				margin: 0 0.3em;
			}

		.footer .copyright {
			flex-basis: 100%;
			font-size: 1.1em;
			padding: 1em 0;
		}
}

/*-----------------------------------------------------*/
/* Phones landscape                                    */
/*-----------------------------------------------------*/

@media screen and (max-device-width: 743px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape) {

	.desktop-tablet-only {
		display: none;
	}
	.mobile-only {
		display: inline-block;
	}

	h1.standard {
		margin: 0 1em 0;
		padding: 3em 0 0;
		font-size: 2.2em;
	}

	.page-content h1 {
		padding: 3em 0 0;
		font-size: 2.2em;
	}

	.page-content h2 {
		padding: 0;
		margin-top: 0;
		font-size: 2.2em;
	}

	.page-content {
		margin: 0 10% 1.5em;
	}

	.contact {
		padding: 1em 0 0;
	}

	p.intro {
		margin: 0 2em 2em;
		padding: 1.3em 0 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

	/* header */

	header {
		height: 52px;
	}

		header .hamburger {
			display: block;
			position: absolute;
			left: 1em;
			top: 0.9em;
		}

		header .logo {
			margin: 12px 0 0;
			order: 2;
		}

	header .menu {
		display: none;
		font-size: 1.2em;
		order: 1;
		flex-wrap: wrap;
		background: #ffffff;
		z-index: 200;
		position: absolute;
		width: 48%;
		left: 0;
		padding: 1em 0 1em;
		border: 2px solid #97dad8;
		border-top: 0;
		min-height: calc(100vh - 110px);
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
	}

		header .menu ul {
			display: block;
		}

			header .menu ul li {
				margin: 0;
				padding: 1.5em 0;
			}

		header .menu .logo {
			margin: 0;
		}

		header .menu ul.mobile-header {
			display: block;
		}

			header .menu ul.mobile-header li {
				display: flex;
				align-items: center;
				column-gap: 1.8em;
				padding: 1em;
			}

				header .menu ul.mobile-header li a.close img {
					width: 70%;
					margin: 0 0 0 0.6em;
				}

				header .menu ul.mobile-header li a.logo img {
					width: 100%;
					margin: 0;
				}


		header .menu ul.type,
		header .menu ul.info {
			padding: 2em 0 0 6em;
			border-top: 2px solid #dddddd;
			margin: 1em 0;
		}

		header .menu ul li a {
			white-space: nowrap
		}

		header .menu ul.divider:after {
			display: none;
		}

	.hero-slider .flexslider .slides img {
		height: 80vh;
	}

	.hero-slider .outer .inner {
		bottom: 30%;
	}

	/* CTA small */

	.cta-small-outer {
		margin: 4% 1em 6em 6em;
	}

		.cta-small-outer .cta-small .content {
			margin: 0 0 0 5em;
		}

		.cta-small-outer .image {
			padding: 1.8em 2.8em;
			column-gap: 15%;
			justify-content: center;
		}

			.cta-small-outer .image img {
				width: 5em;
			}


	/* CTA standard */

	.cta-outer + .cta-outer.reverse {
		padding: 0 0 2em;
	}

	.cta-outer, .cta-outer.reverse {
		padding: 2em 0;
	}

	.cta-outer.photo.cta-about {
		padding: 6em 0 2em;
		background-size: cover;
	}

		.cta-outer .cta,
		.cta-outer.photo.cta-about .cta {
			width: calc(100% - 7em);
		}

		.cta-outer.reverse .cta .content h2 {
			max-width: 47%;
		}

	.cta-outer .image {
		width: 40%;
	}

	.cta-outer.photo {
		padding: 2em 0;
	}

	.cta-outer.short .cta .content,
	.cta-outer.short.reverse .cta .content {
		padding: 0;
	}

	.cta-outer.cta-me {
		background-image: url(/img/site/banners/full/w1920/banner-greece-water_w1920.webp);
		background-attachment: scroll;
	}

	.cta-outer.british-art-prize .cta {
		background-color: rgba(0, 0, 0, 0.5);
	}

	.cta-outer.british-art-prize {
		background-image: url(/img/site/banners/full/w1920/oxo-tower_w1920.webp);
		background-attachment: scroll;
		background-position: 42% 18%;
	}

	.cta-outer.cta-charities {
		background-image: url(/img/gallery/banners/full/w1920/gathering-storm_w1920.webp);
		background-attachment: scroll;
		background-position: 14% center;
	}

		.cta-outer.charity {
			border-top: none;
			padding: 0;
			margin: 0 0 2em;
		}

		.cta-outer.logo .image {
			margin: 0 1.5em 1rem 0;
			background-color: #ffffff;
			width: 20%;
		}

		.cta-outer.logo.short .cta .content {
			padding: 0;
		}

			.cta-outer.logo .image.charity-name {
				font-size: 1.4em;
			}

				.cta-outer .cta .content h2 {
					margin: 1em 0 0 0.5em;
					max-width: 100%;
				}

	/* ctas - gallery main */

	.cta-gallery .cta-box .text {
		padding: 0.25em 0.1em;
	}

	/* ctas - gallery info */

	.cta-gallery-info .cta-box-info .text {
		height: 6em;
	}

	/* filter */

	.filter + .gallery.mixed .row {
		padding-top: 1.8em;
	}

	.filter {
		margin: 0 7%;
		padding: 7em 0 0;
	}

	/* Galleries */

	.gallery.mixed .row {
		padding: 5.5em 0 0;
	}

	/* painting details */

	.banner.img {
		display: none;
	}

	.strip {
		padding-top: 4.5em;
	}

		.strip .navigation {
			margin: 0 1em;
			text-align: center;
			line-height: 1.6em;
		}

			.strip .navigation a {
				padding: 0.9em 20px;
			}

	.grid {
		margin: 0;
	}

		.grid .painting,
		.grid.square .painting {
			padding: 0;
			width: 100%;
		}

		.grid .painting-details {
			padding: 2em 4% 0;
		}

			.grid .painting-details h1 {
				font-size: 2em;
			}

		.grid .painting-details .formats-outer ul.formats {
			justify-content: center;
			margin: 0.5em 0 2em;
			gap: 2em;
		}

		.grid .painting-details .formats-outer .order {
			margin: 0 0 1.5em;
		}

	.further-information {
		padding: 2em 0 0;
		min-height: auto;
	}

		.further-information .title {
			padding: 0 1.5em;
			text-align: center;
			line-height: 1.2em;
		}

			.further-information .title p {
				line-height: 1.4em;
			}

		.further-information .information {
			padding: 2em 0;
		}

			.further-information .information h3 {
				font-family: commeMedium, Arial, Helvetica, sans-serif !important;
				padding: 0;
				height: 3em;
				line-height: 1.3em;
				display: flex;
				justify-content: center;
			}

	/* footer */

	.footer .copyright {
		flex-basis: 100%;
		font-size: 1.1em;
		padding: 1em 0;
	}
}



