/* 27 inch iMac ----------- */
@media only screen and (min-width : 2400px) {
	body {
		position: relative;
		width: 100%;
		min-height: 100vh;
		box-sizing: border-box;
		z-index: 1;
	}

	#slider-eplv .bg-img {
		height: 800px;
	}

	.museums {
		box-shadow: 0px 0px 18px 4px rgba(0, 0, 0, 0.38);
	}

	main {
		-webkit-box-shadow: 0 0 18px 4px rgba(0, 0, 0, 0.38);
		-moz-box-shadow: 0 0 18px 4px rgba(0, 0, 0, 0.38);
		-ms-box-shadow: 0 0 18px 4px rgba(0, 0, 0, 0.38);
		box-shadow: 0 0 18px 4px rgba(0, 0, 0, 0.38);
	}

	footer {
		position: sticky;
		bottom: 0;
		left: 0;
		z-index: -1;
	}
}

/* 24 inch iMac ----------- */
@media only screen and (min-width : 1600px) {
	header.shrink .brand {
		width: 6%;
	}

	.language {
		font-size: 22px;
	}

	.brand {
		width: 10%;
	}
}

@media only screen and (max-width : 1500px) {
	.passport {
		top: 20%;
		width: 50%;
		margin: 0 25%;
	}

	#slider-eplv .bg-img {
		height: 500px;
	}
}

@media only screen and (max-width : 1200px) {
	.pastille {
		bottom: -7%;
		width: 180px;
		right: 2%;
	}

	.museums h2 {
		font-size: 1.55vw !important;
	}
}

@media only screen and (min-width : 1024px) {
	.museums-content p:last-child {
		padding: 0;
		margin: 0;
	}
}

@media only screen and (max-width : 1024px) {
	#slider-eplv h1 {
		font-size: 5.8vw;
	}

	#slider-eplv h1 small {
		font-size: 3.5vw;
	}

	#slider-eplv p {
		font-size: 2vw!important;
	}

	.pastille {
		bottom: -10%;
		width: 160px;
	}

	.museums {
		background: white;
		padding: 3% 0 0;
		position: relative;
		z-index: 1;
	}

	.museums-content {
		/*border-bottom: 1px solid #ddd;*/
	}

	.museums h2 {
		font-size: 2rem !important;
	}

	.museums h3 {
		font-size: 1.4rem;
	}

	.museums-content p:last-child {
		margin-top: 0;
		margin-bottom: 1rem;
	}

	.tickets-link a {
		font-size: 1.3rem;
	}

	h4 {
		font-size: 1.3rem !important;
		margin-bottom: 5px;
	}

	.coords h4,
	.coords h5 {
		font-size: 1rem !important;
	}

	#map {
		height: 450px;
	}

	address {
		padding-bottom: 20px;
	}

	address.last {
		padding-bottom: 0;
	}

	.biosphere {
        bottom: 23px;
	}

	.expos-item {
		text-align: center;
	}

	h3 {
		font-size: 1.4rem !important;
	}
}

/* iPads (landscape) ----------- */
@media only screen and (max-width : 768px) {
	.notice {
		font-size: 0.6rem;
	}

	.brand {
		width: 17%;
	}

	.nav-center {
		left: 50%;
		text-align: center;
	}

	.pastille {
		bottom: -25%;
		width: 160px;
	}

	.passport {
		top: 20%;
		width: 64%;
		margin: 0 18%;
	}

	.museums {
		padding: 0;
	}

	#map {
		height: 350px;
	}

	#slider-eplv .bg-img {
		height: 450px;
	}

	#slider-eplv .bg-img {
		height: 450px;
	}

	.famille {
        width: 20%;
    }

	.biosphere {
        width: 30%;
        bottom: 15px;
    }

	main {
		background-position: center bottom;
	}

	main h2 {
		font-size: 1.3rem !important;
	}

	main h4 {
		font-size: 0.6rem !important;
	}

	h3 {
		font-size: 1.2rem !important;
	}

	.img-round {
		width: 40%!important;
		margin: 5%;
	}

	.logos {
		height: 50px;
	}

	.mask {
		left: -1px;
		width: 100.5%;
	}
}

@media only screen and (max-width : 600px) {
	#slider-eplv h1 {
		font-size: 8.5vw;
		margin-bottom: 0;
	}

	#slider-eplv h1 small {
		font-size: 5vw;
	}

	#slider-eplv p {
		font-size: 3.3vw!important;
	}

	.pastille {
		bottom: -130px;
		margin: 0 auto;
		right: 0;
		left: 0;
	}
}

/* iPads (landscape) ----------- */
@media only screen and (max-width : 480px) {
	body {
		font-size: 0.8rem !important;
	}

	ol,
	ul {
		padding-left: 10px;
	}

	.notice {
		padding: 5px;
		font-size: .6rem;
	}

	.brand {
		width: 20%;
	}

	.nav-center .btn {
		font-size: 2.7vw !important;
	}

	.pastille {
		width: 36%;
		margin: 0 32%;
	}

	.museums h2 {
		font-size: 7vw !important;
	}

	.museums h3 {
		font-size: 1.1rem !important;
	}

	.tickets-link a {
		padding: 0.5rem 1.3rem 0.5rem 2.7rem !important;
	}

	.tickets-link a img {
		width: 20px;
	}

	.services i {
		font-size: 35px;
	}

	#slider-eplv .bg-img {
		height: 340px;
	}

	.cky-banner-element {
		font-size: .7rem;
	}

	main {
		background: linear-gradient(0deg, rgba(44,97,79, 1) 0%, rgba(255,221,156, 1) 15%);
	}

	.tickets-link a {
		font-size: 1rem;
	}

	h3 {
		font-size: 1rem !important;
	}

	.passport {
		width: 80%;
		margin: 0 10%;
		top: 25%;
	}

	.biosphere {
        width: 40%;
        bottom: 5px;
    }

	.famille {
		bottom: -9px;
	}

	.path-position {
		right: -20%;
	}

	#slider-eplv .bg-img-1 {
		background-position: center 100%;
	}

	.img-round {
		width: 60%!important;
		margin: 5%;
	}

	.expos-item-bg-gradient {
		background: linear-gradient(0deg,rgba(25,55,45, 1) 10%, rgba(25,55,45, 0) 90%);
	}
}

@media only screen and (max-width : 322px) {
	.brand {
		width: 25%;
	}
	.pastille {
		width: 40%;
        margin: 0 30%;
        bottom: -100px;
	}
}