@media (min-width:1989px) {
	.block {
		background-size:100% auto;
	}
}
@media (max-width:799px) {
	
	/* HEADER */
	#header .user_connection,
	#header #languages{
		display:none;
	}
	#header {
		height:auto;
	}
	#header .delasia-logo {
		text-align:center;
		float:none;
	}
	#header .delasia-logo img {
		width:33%;
		height:auto;
	}
	#header .menu {
		display:none;
	}
	#header .submenu .pagewidth {
		width:calc(100% - 20px);
	}
	#header .submenu .user_connection,
	#header .submenu #languages {
		display:inline-block;
	}
	#header .submenu .user_connection .text {
		display:none;
	}
	#site.access_admin #header .user_connection .text {
		display:inline-block;
	}
	
	#header .block.submenu {		
		/*height: 640px;	*/	
		transition:height 0.5s;
	}
	#header .fixedmenu,
	#header .pagewidth	{
		width:100%;
		height:100%
	}
	#header .fixedmenu {
		overflow:hidden;
		transition:width 0.5s;
	}
	#header .fixedmenu ul {
		position: absolute;
		top: 320px;
		left:50%;
		
		transform:translate(-50%, -50%);
		
	}
	#header .fixedmenu li {
		display:block;
		text-align:center !important;
		padding:0px;
		margin:0px;
		
		margin-left:auto;
		margin-right:auto;
		
		font-size:29px;
		line-height:2;
		
		
	}
	#header .fixedmenu li a {
		border-bottom:1px solid rgba(0,0,0,0.0);
		border-top:1px solid rgba(0,0,0,0.0);
	}
	#header .fixedmenu li:hover a,
	#header .fixedmenu li.selected a {
		border-top:1px solid rgba(0,0,0,0.0);
		border-bottom:1px solid #fff;
	}
	
	/* MIDDLE */
	#site .page .middle {
		min-height:0px;
	}
	#site .page .middle .block[class^="block illu"] {
		font-size:16px;
		padding:10px;
		box-sizing:border-box;
		
		background-size:auto 100%;
	}
	
	.page .middle .block[class^="block col"] {
		display:block !important;
		width:auto !important;
		height:auto !important;
		margin-right:0px !important;
	}
	
	.page .middle .block[class^="block illu"] h1 {
		font-size:29px !important;
	}
	
	.page .middle .block[class^="block illu"] .arrow-down-illu {
		max-width:205px;
		width:50%;
	}
	.page .middle .block[class^="block illu"] .arrow-down-illu img {
		width:100%;
		height:auto;
	}
	
	.content {
		padding:10px;
		padding-top: 10%;
		width:calc(100% - 20px);
		font-size:16px;
	}
	
	.content .separator img {
		max-width:70%;
	}
	
	.paragraph {
		
	}
	
	/* PAGE RULES */
	
	#les_batisses.page .content {
		display:none;
	}
	
	#form_contact small {
		text-align:center;
		color:#666;
		font-size:12px;
		margin:0px;
	}
	
	#site.contact .delasia_logo_big {
		width:66%;
		display:inline-block;
	}
	#site.contact .content form {
		padding: 10px;
	}
	
	#form_contact #contact_street,
	#form_contact #contact_country {
		width:100% !important;
	}
	#form_contact #contact_number,
	#form_contact #contact_zipcode {
		width:calc(50% - 10px) !important;
		margin-right:20px;
	}
	#form_contact #contact_box,
	#form_contact #contact_city {
		width:calc(50% - 10px) !important;
	}
	
	#form_contact #contact_txt {
		
	}
			
	/* END PAGE RULES */
		
	input, textarea, select {
		width:100%;
	}
	
	.col33 > * {
		width:  100%;
		margin-right: 0px;
	}
	.col50 > * {
		width: 100%;
		margin-right: 0px;
	}
	
	/* FOOTER */
	
	.block.contact_footer a {
		font-size:34px;
		padding: 40px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#footer span.text, #footer span.text b {
		display:block;
		padding-left:10px;
		padding-right:10px;
	}
	
	/* POPUP */
	.popup .popup_container {
		width:calc(100% - 10px) !important;
		max-width: 450px !important;
		padding: 10px !important;
	}
	.popup h2 {
		font-size: 25px !important;
	}
	
	
	
	
	.catchphrase div,
	.questions .paragraph {
		margin-left:auto;
		margin-right:auto;	
		margin-bottom:20px;
	}
	.content img {
		max-width:100%;
		height:auto;
	}
	.slider img {
		max-width:none;
		height:auto;
	}
	.middle {

	}
	.middle h1 {
		font-size:24px;
	}

}