/* 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;
	}

	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);
		background-color: var(--secondary-color);
	}

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

	.museums-content p.text-start {
		min-height: 120px;
	}
}

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

	.language {
		font-size: 22px;
	}

	.brand {
		width: 10%;
	}

	.logo-left {
		height: 34px;
		width: auto;
	}

	.logo-right {
		height: 34px;
		width: auto;
	}

	.passport {
		top: 17%;
		width: 26%;
		margin: 0 37%;
	}

	.museums-content p.text-start {
		min-height: 120px;
	}
}

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

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

	.museums-content p.text-start {
		min-height: 130px;
	}
}

@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: 3vw;
	}

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

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

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

	.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;
	}

	.logo-left, .logo-right {
		height: 28px;
	}

}

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

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

	.brand {
		width: 17%;
	}

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

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

    .passport {
        top: 20%;
        width: 46%;
        margin: 0 27%;
    }

	.museums {
		padding: 0;
	}

	#map {
		height: 350px;
	}

	.museums-content {
        border-bottom: 1px solid #ef542c;
    }

	.museums-content:nth-child(3n) {
        border-bottom: none;
    }

	.logo-left, .logo-right {
		height: 25px;
	}

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

	.modal-body h2 {
		text-align: center;
	}

	.museums-content p.text-start {
		min-height:initial;
	}
}

@media only screen and (max-width : 600px) {
	#slider-eplv h1 {
		font-size: 6.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;
	}

	.gradient-sky { 
		background: linear-gradient(180deg, rgba(253,218,95,1) 70%, rgba(253,218,95,0) 100%);
	}

	main {
		background-image: url(../img/back-element.svg);
	}
}

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

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

	.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;
	}

	.logo-left, .logo-right {
		height: 20px;
	}

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

	.moving-element {
		width: 33%;
	}

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

	.passport {
        top: 22%;
        width: 54%;
        margin: 0 23%;
    }

	.modal-body h3 {
		font-size: 1.1rem;
	}
}

@media only screen and (max-width : 322px) {
	.brand {
		width: 25%;
	}

	.pastille {
		width: 40%;
        margin: 0 30%;
        bottom: -100px;
	}
}