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

	.museums {
		-webkit-box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.38);
		-moz-box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.38);
		-ms-box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.38);
		box-shadow: 0px 0px 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%;
	}

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

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

@media only screen and (max-width : 1500px) {
	.pastille {
		width: 17%;
	}

	.rabais {
		bottom: -14%;
		width: 10%;
		right: 15%;
	}
}

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

	.rabais {
		bottom: -14%;
		width: 11%;
		right: 19%;
	}

	.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-caption {
		top: 50%!important;
	}

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

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

	.pastille {
		bottom: -20%;
		width: 30%;
	}

	.rabais {
		bottom: -16%;
		width: 19%;
		right: 29%;
	}

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

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

	.museums h2 {
		font-size: 2.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) {
	.brand {
		width: 17%;
	}

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

	.pastille {
		bottom: -100px;
		margin: 0 35%;
		right: 0;
	}

	.rabais {
		bottom: -19%;
		width: 19%;
		right: 20%;
	}

	.museums {
		padding: 0;
	}

	#map {
		height: 350px;
	}

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

@media only screen and (max-width : 650px) {
	.slider-caption {
		top: 50% !important;
	}

	#slider-eplv h1 {
		font-size: 4vw;
		margin-bottom: 0;
	}

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

	.pastille {
		width: 40%;
		margin: 0 30%;
	}

	.rabais {
		bottom: -25%;
		width: 27%;
		right: 5%;
	}
}

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

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

	.brand {
		width: 20%;
	}

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

	.pastille {
		width: 50%;
		margin: 0 25%;
	}

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

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