@media screen and (max-width: 800px){

#responsiveDesign{
	visibility: visible;
	display: block;
}

.slick-slide
{
    min-height: 20vh !important;
 }

.site-container{
	visibility: hidden;
	display: none;
}


#logoNeon img{
	display: block;
	margin: 0 auto;
	padding-top: 20px;
	right:0;
	bottom:0;
	left:0;
	width: 90%;
}

h2{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
    font-size: calc(12px + 0.8vw) !important;
    font-family: 'Circe Light', sans-serif;
    line-height: calc(2em + 0.2vw);
    letter-spacing: 0em;
    font-weight: 400 !important;
    word-spacing: -.08em;
}

h2 strong {
	font-size: calc(12px + 3vw) !important;
    font-family: 'Circe Bold', sans-serif;
}

h2 em{
    font-family: 'Circe Bold', sans-serif;	
}

#imageMarley{
	margin: auto;
	left:0;
	right:0;
	top:0;
	bottom:50px;
	width:80%;
}

#imageMarley img{
	margin: auto;

	width: 100%;
}

h1{
    font-size: calc(12px + 0.6vw)!important;
    font-family: 'Circe Light', sans-serif;
    line-height: calc(1.3em + 1vw);
    text-align: left;
	letter-spacing: 0em;
    font-weight: 400 !important;
    word-spacing: -.08em;
	padding-top:0px;
	padding-right:20px;
	padding-)bottom:0px;
	padding-left:20px;
}

h3{
    font-size: calc(12px + 1.7vw)!important;
    font-family: 'Circe Bold', sans-serif;
    line-height: calc(1em + 0.2vw);
    letter-spacing: 0em; 
    word-spacing: -.08em;
    color: #333;
    font-weight: 300;
	padding-top:0px;
	padding-right:20px;
	padding-)bottom:0px;
	padding-left:20px;
}

.slick-slide{
	position: relative;
	width: 100%;
}

#sliderResp,{
	position: relative;
	display: block;
	border: 1px black solid;
	margin: auto;
	left:0;
	right:0;
	top:0;
	bottom:0;

}

.encadrement, .encadrement img{
	position: relative;
	margin: auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width: 80%;
}


.slick-next:before , .slick-prev:before {
	visibility: hidden;
	display: none;
}

#textContent2, #textExhibitionsResp, #textExperimentsResp {
	margin-top: 80px;
	margin-bottom: 40px;
}

#formResp{
	margin-top: 100px;
	margin-right: 0;
	margin-left:0;
	margin-bottom: 40px;
	width: 100% !important;
}

form{
	width:70%;
	margin: 0 auto;
	padding-bottom:10px;
}

form input, form textarea, form button{
	margin: 0 auto;
	margin-bottom: 20px;
	width: 80%;
}

form h2{
    font-size: calc(16px + 1.2vw)!important;
    font-family: 'Circe Bold', sans-serif;
    color: white;
}

#contact_btn{
	display: block;
	position: relative;
	align-items: center;
	width:30% !important;
	border: 1px solid rgba(999,999,999,0.9);
  	border-radius: 6px;
  	background: rgba(999,999,999,0.8);
  	font-size: calc(16px + 0.8vw)!important;
    font-family: 'Circe Bold', sans-serif;
    color: white;
    margin: 0 auto;
    margin-bottom:20px;
}



#textJacketsResp{
	margin-top: 80px;
}

#textJacketsResp img{
	padding-top:0px;
	padding-right:0px;
	padding-)bottom:0px;
	padding-left:20px;
	width:40%;
}


#textJacketsResp img{
	padding-top:0px;
	padding-right:0px;
	padding-)bottom:0px;
	padding-left:20px;
	width:40%;
}


/*--------------Sections--------------------*/

nav{
	  box-shadow: 3px 2px 30px rgba(0, 0, 0, 0.0);
	    width: 90%;
}

header div.burger {
  width: 20px;
  height: 20px;
  left:auto;
  right: 20px !important;

}

nav .close::after, nav .close::before {
  left:auto;
  right: 25px !important;
}

nav ul li a {
  font-size: calc(16px + 4vw)!important;
}

}