@charset "utf-8";

body {
	position: relative;
	width: 100%;
   font-family: 'Jost', sans-serif;
   font-size: 18px;
   font-weight: 400;
   word-wrap: normal;
   line-height: 33px;
	color: #4c4646;
	letter-spacing: 1px;
   overflow-x: hidden;
}


/* GLOBAL */

strong {
	font-weight: 500;
}

#content {
	display: block;
	position: relative;
	margin: 0 auto;  
}

#arrow {
   display: none;
   position: absolute;
   width: 40px;
   height: 27px;
   bottom: 0;
   z-index: 500;
}

#arrow.scroll {
   display: block;
   position: fixed;
   right: 40px;
   bottom: 80px;
}

.cookiebanner {
   position: fixed;
   width: 100%;
   bottom: 0;
	padding: 25px !important;
	color: #4c4646 !important;
	background: #fff !important;
	font-family: 'Jost', sans-serif !important;
	font-size: 17px !important;
	line-height: 32px !important;
	letter-spacing: 1px !important;
	-webkit-box-shadow: -15px -15px 20px rgba(0,0,0,0.10);
	box-shadow: -15px -15px 20px rgba(0,0,0,0.10);
   box-sizing: border-box;
	z-index: 800 !important;
}	

.cookiebanner span {
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cookiebanner a {
	display: block;
	padding: 10px 38px;
	font-weight: 500 !important;
	color:  #a60006 !important;
	background: transparent !important;
   border: 4px solid #a60006;
	letter-spacing: 1px !important;
}

.cookiebanner a:hover {
	font-weight: 600 !important;
	color: #ff0000 !important;
	background: transparent !important;
   border-color: #ff0000;
	transition: all 0.3s ease-in !important;
}

.cookiebanner-close {
  float: right;
  font-size: 2em;
  color: #4c4646;
  cursor: pointer;
  background: none;
  border: none;
}

button {
   padding: 0;
   background: transparent;
   border: 0;
}

section {
	position: relative;
	padding: 0 0 180px;
   overflow-x: hidden;
}

.wrapper,
.works-and-installations-for-rent .wrapper-inner,
.transmissions-accompaniments .wrapper-inner {
	position: relative;
	width: 1300px;
	margin: 0 auto;
}

.wrapper-inner,
#header .wrapper,
.heading .wrapper,
.one-place .wrapper {
	display: flex;
	justify-content: space-between;
}

.wrapper-inner,
.one-place .wrapper {
   flex-wrap: wrap;
}

.block {
   box-sizing: border-box;
}

.block,
.one-place .slider,
.picture,
.hairdresser .slider {
	width: 46%;
   height: max-content;
}

.picture {
   position: relative;
   height: max-content;
	overflow: hidden;
}

h1,
h2 {
   font-family: 'La Belle Aurore', cursive;
   font-weight: normal;
   color:  #a60006;
   letter-spacing: 2px;
}

h1 {
   position: absolute;
   width: fit-content;
   padding: 80px;
   font-size: 80px;
   line-height: 100px;
   background: rgba(255, 255, 255, 0.6);
   -webkit-box-shadow: 20px 20px 30px rgba(0,0,0,0.10);
   box-shadow: 20px 20px 30px rgba(0,0,0,0.10);
}

h2 {
   margin: 0 0 70px;
   font-size: 60px;
   line-height: 80px;
}

h3,
h4 {
   margin: 0 0 20px;
   font-weight: 500;
}

h3 {
   font-size: 25px;
   line-height: 40px;
   color: #807474;
   letter-spacing: 2px;
}

h4 {
   margin: 20px 0 10px; 
   font-size: 22px;
   line-height: 37px;
   color: #949090;
}

p,
.works-and-installations-for-rent ul {
	margin: 0 0 20px;
}

p:last-child,
.page-template-mrs-filosa-craftswoman .intro h3,
p.contact,
.form p {
   margin: 0;
}

a {
   color: #a60006;
	text-decoration: none;
	font-weight: 500;
}

a:hover,
.write-me .form input[type="submit"]:hover {
   color: #ff0000;
	font-weight: 600;
	transition: all 0.3s ease-in;
}

a:focus, 
button:focus, 
.heading .slider div#n2-ss-3 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot:focus,
.heading .slider a:focus,
.one-place .slider div#n2-ss-4 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot:focus,
.carousel-item a:focus,
.additional-section .slider div#n2-ss-5 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot:focus,
.write-me .form input.keyboard-focus:focus,
.write-me .form textarea.keyboard-focus:focus {
   outline: #0066ff solid 3px !important;
   outline-offset: 10px;
}

a:focus:not(:focus-visible), 
button:focus:not(:focus-visible),
.heading .slider div#n2-ss-3 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot:focus:not(:focus-visible),
.heading .slider a:focus:not(:focus-visible),
.one-place .slider div#n2-ss-4 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot:focus:not(:focus-visible),
.carousel-item a:focus:not(:focus-visible),
.additional-section .slider div#n2-ss-5 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot:focus:focus:not(:focus-visible) {
   outline: 0 !important;
}        

img {
	display: block;
	width: 100%;
	height: auto;
}

#content ul li {
   list-style-type: square;
   margin: 0 0 10px;
}

.cookiebanner p,
.olPopupContent p,
.wpcf7 p:last-of-type
#footer .mentions p {
	margin: 0;
}

.button,
.write-me .form input[type="submit"] {
	display: block;
   margin: 0 auto;
	padding: 10px 38px;
	font-weight: 500;
	color:  #a60006;
	background: transparent;
   border: 4px solid #a60006;
   text-align: center;
}

.button,
.cookiebanner a {
   width: 124px;
}

.button:hover,
.write-me .form input[type="submit"]:hover {
   border-color: #ff0000;
}


/* HEADER */

#header {
	margin: 0 auto;
   padding: 45px 0 35px;
	background: transparent;
	z-index: 100;
}

#header.fixed {
   position: fixed;
   padding: 35px 0 25px;
	top: 0;
	width: 100%;
   background: #fff;
	box-sizing: border-box;
}

#header.fixed,
.one-place .slider,
.works-and-installations-for-rent .picture,
.follow-me-on-instagram .picture,
.page-template-legal-notice #header,
.error404 #header {
   -webkit-box-shadow: 20px 20px 30px rgba(0,0,0,0.10);
   box-shadow: 20px 20px 30px rgba(0,0,0,0.10);
}

#header .wrapper,
.heading .wrapper,
#footer .wrapper {
   width: 1500px;
   align-items: center;
}

#header .logo {
  width: 200px;
  height: 64px;
}

#header .logo:hover,
.social-networks .icon:hover,
#footer a.logo:hover,
#footer .icon:hover {
   filter: brightness(200%);
}

#header.fixed .logo,
#header .logo:hover,
.write-me .form input[type="submit"]:hover,
.archive .picture:hover .link-title,
#footer .logo:hover {
	transition: all 0.3s ease-in;
}

#header .logo img,
#footer .logo img {
	display: block;
	width: 100%;
	height: auto;
}

.nav {
	width: 82%;
}

.nav ul {
	display: flex;
	justify-content: space-between;
}

.nav ul li a,
.mobile-nav ul li a {
	font-weight: normal;
	color: #4c4646;
	text-decoration: none;
}

.nav ul li a:hover,
#menu-menu-principal .menu li.current-menu-item a,
.mobile-nav ul li a:hover {
	font-weight: 600;
}

.nav ul li a:hover,
#menu-menu-principal .menu li.current-menu-item a,
.mobile-nav ul li a:hover,
.mobile-nav ul.sub-menu li a:hover,
.works-and-installations-for-rent ul li a:hover, 
.video ul li a, .sound-creations ul li a:hover, 
.additional-section .block:last-child ul li a:hover, 
.single #content .wrapper-inner ul:last-child li a:hover, 
.single #content .wrapper-inner ul li a:hover,
#footer a:hover,
#footer .block-inner ul.sub-menu li a:hover {
   color: #fe333b;
}

#menu-menu-principal .sub-menu {
  position: absolute;
  width: 200px;
  background: rgba(255, 255, 255, 0.7);
  z-index: 10;
}

#menu-menu-principal .sub-menu,
.menu-icon,
.invisible {
	display: none;
}

#menu-menu-principal ul.sub-menu {
   padding: 10px 20px;
}

#menu-menu-principal ul.sub-menu li a {
   display: block;
   padding: 15px 0;
   border-bottom: 1px solid #4c4646;
}

.mobile-nav {
   position: absolute;
	width: 100%;
   height: 100vh;
   top: 0;
	text-align: center;
   background: #fff;
   -webkit-box-shadow: 20px 20px 30px rgba(0,0,0,0.10);
   box-shadow: 20px 20px 30px rgba(0,0,0,0.10);
   z-index: 2;
}

#header .mobile-nav .wrapper {
   width: 100%;
	display: flex;
   flex-direction: column;
   justify-content: center;
}

#header .mobile-nav .logo {
   position: absolute;
   width: 170px;
   margin: 15px auto 0 15px;
}

.mobile-nav #menu-menu-principal-1 {
   width: 90%;
}

.mobile-nav ul li a {
   display: block;
	margin: 0 auto;
   padding: 10px 0;
   border-bottom: 1px solid #4c4646;
}

.mobile-nav ul li:first-child a {
   padding: 5px 0 10px;
}

.mobile-nav ul li:last-child a,
#menu-menu-principal ul.sub-menu li:last-child a {
   border: 0;
}

.mobile-nav ul.sub-menu li a,
.mobile-nav ul.sub-menu li:last-child a {
   font-weight: 300;
   padding: 5px 0;
   border-bottom: 1px solid #4c4646;
}

.mobile-nav ul.sub-menu li a:hover,
#footer .block-inner ul.sub-menu li a {
   font-weight: 400;
}

.cross {
   display: block;
   width: 30px;
   height: 30px;
   float: right;
   background: url(../images/sofie-vinet-cross.svg) no-repeat;
   background-size: 100%;
   opacity: 0;
   animation: anim 0.3s linear forwards 0.3s;
   cursor: pointer;
}

@-moz-keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}

@-webkit-keyframes anim { 
   0%  {opacity:0;}
   100% {opacity:1;}
}

@keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}

.mobile-nav .cross {
   float: none;
   margin: 30px 30px 0 auto;
}


/* PAGES */

.social-networks {
   position: fixed;
   width: 60px;
   padding: 15px;
   top: 145px;
   left: 0;
   background: rgba(255,255,255,0.58);
   -webkit-box-shadow: 0 15px 15px 15px rgba(0,0,0,0.10);
   box-shadow: 0 15px 25px 15px rgba(0,0,0,0.10);
   z-index: 2;
}

.social-networks .icon {
   margin: 0 auto 15px;
}

.social-networks .icon:last-child {
   margin: -15px auto 0;
   width: 50px;
}

.red-line {
   position: absolute;
   width: 375px;
   height: 170px;
   left: 0;
   top: 150px;
   background: url('../images/sofie-vinet-red-line.svg') no-repeat;
   background-size: 100%;
   transform: scaleX(-1);
   z-index: 1;
}

.home .red-line {
   left: inherit;
   right: 0;
   top: inherit;
   bottom: 50px;
   transform: none;
}

.heading {
   padding-top: 0;
}

.heading .slider,
.heading .background {
   width: 1400px;
}

.heading .background {
   height: 920px;
}

.heading .slider div#n2-ss-3 .n2-ss-slider-2,
.heading .slider div#n2-ss-3 .n2-ss-slider-3,
.heading .slider .n2-ss-slider .n2-ss-slide {
   overflow: visible;
}

.heading .slider div#n2-ss-3 .n2-ss-layer-row-inner {
   width: max-content;
   margin-right: -120px;
}

.heading .slider div#n2-ss-3 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot:hover,
.one-place .slider div#n2-ss-4 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot:hover,
.additional-section .slider div#n2-ss-5 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot:hover {
   background: #4c4646;
}

.heading .slider div#n2-ss-3 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot.n2-active,
.heading .slider div#n2-ss-3 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot:focus,
.one-place .slider div#n2-ss-4 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot.n2-active,  
.one-place .slider div#n2-ss-4 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot:focus,
.additional-section .slider div#n2-ss-5 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot.n2-active,
.additional-section .slider div#n2-ss-5 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot:focus,
.hairdresser .slider div#n2-ss-6 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot.n2-active, 
.hairdresser .slider div#n2-ss-6 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot:hover, 
.hairdresser .slider div#n2-ss-6 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot:focus {
   background: #a60006;
}

.heading .slider div#n2-ss-3 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot,
.one-place .slider div#n2-ss-4 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot,
.additional-section .slider div#n2-ss-5 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot,
.hairdresser .slider div#n2-ss-6 .n2-style-0b1501f187dd486f0b3833aafb1a1b8d-dot {
   border-radius: 0;
}

.heading .background {
   margin: 0 0 0 auto;
   background-position: center;
   background-size: 100%;
   background-repeat: no-repeat;
}

.heading .slider h1,
.heading .slider a {
   font-family: 'Jost', sans-serif !important;
}

.home h1 {
   position: relative;
   padding: 0;
   background: none;
}

.home .heading .wrapper,
.sofie-vinet .wrapper-inner {
   display: inherit;
}

.breadcrumb {
   width: max-content;
}

.archive #content .wrapper-inner:first-of-type,
.single .breadcrumb,
.routes-and-activities .block {
   margin: 0 0 100px;
}

.shadow-block,
.resume .block,
.approach .wrapper-inner .block:nth-child(2),
.additional-section .wrapper-inner .block:nth-child(2) {
   z-index: -1;
}

.shadow-block,
.resume .block,
.approach .wrapper-inner .block:nth-child(2),
.additional-section .wrapper-inner .block:nth-child(2),
.single #content .block {
   background: #fff;
}  

.shadow-block {
   position: absolute;
   width: 84.1%;
   height: 50%;
   top: 0;
   -webkit-box-shadow: 20px 0px 30px rgba(0,0,0,0.10);
   box-shadow: 20px 0px 30px rgba(0,0,0,0.10);
}

.news,
.works-and-installations-for-rent,
.transmissions-accompaniments,
.hairdresser,
.write-me {
   padding-bottom: 280px;
}

.news .shadow-block {
   top: 305px;
}

.news .wrapper,
.works-and-installations-for-rent .wrapper,
.gallery .wrapper,
.editions .wrapper,
.transmissions-accompaniments .wrapper,
.hairdresser .hairdresser-carousel .wrapper,
.shawls .shawls-carousel .wrapper {
   width: 1600px;
}

.news h2 {
   margin-left: 50px;
}

.routes-and-activities {
   padding-bottom: 80px;
}

.one-place h2 {
   margin-bottom: 30px;
}

.works-and-installations-for-rent ul li,
.additional-section .block:last-child ul li {
   list-style-position: inside;
}

.works-and-installations-for-rent ul li a,
.video ul li a,
.sound-creations ul li a,
.additional-section .block:last-child ul li a,
.single #content .wrapper-inner ul:last-child li a,
.single #content .wrapper-inner ul li a {
   color: #a60006;
}

.routes-and-activities .shadow-block,
.works-and-installations-for-rent .shadow-block,
.video .shadow-block,
.transmissions-accompaniments .shadow-block {
   right: 0;
}

.routes-and-activities .shadow-block,
.works-and-installations-for-rent .shadow-block,
.resume .block,
.approach .wrapper-inner .block:nth-child(2),
.video .shadow-block,
.additional-section .wrapper-inner .block:nth-child(2),
.transmissions-accompaniments .shadow-block,
.single #content .block {
   -webkit-box-shadow: 0 20px 30px 15px rgba(0,0,0,0.10);
   box-shadow: 0 20px 30px 15px rgba(0,0,0,0.10);
}

.routes-and-activities .block {
   width: 28%;
}

.routes-and-activities .shadow-block {
   height: 66%;
}

.routes-and-activities .wrapper,
.works-and-installations-for-rent .carousel,
.video .wrapper,
.sound-creations .block,
.transmissions-accompaniments .wrapper,
.hairdresser .wrapper,
.hairdresser .care-transformations,
.hairdresser .hairdresser-carousel,
.shawls .shawls-carousel,
.write-me .wrapper,
.single #content .block {
   padding: 100px 0 0;
}

.routes-and-activities h2,
.resume .block,
.approach .wrapper-inner .block:nth-child(2),
.additional-section .wrapper-inner .block:nth-child(2),
.single #content .block {
   margin-left: 10%;
}

.routes-and-activities .wrapper-inner {
   width: 1300px;
}

.routes-and-activities .wrapper-inner,
.resume .block .text,
.approach .wrapper-inner .block:nth-child(2) .text,
.additional-section .wrapper-inner .block:nth-child(2) .text,
.single .text {
   margin-left: -10%;
}

.routes-and-activities .picture {
   margin: 0 0 40px;
   width: 100%;
}

.routes-and-activities .button {
   margin-top: 30px;
   margin-left: 0;
   color: #949090;
   border: 4px solid #949090;
}

.routes-and-activities .button:hover {
   color: #6f6c6c;
   border-color: #6f6c6c;
}

.follow-me-on-instagram h2,
.works-and-installations-for-rent h2,
.radio-show h2,
.sound-creations h2,
.gallery h2,
.editions h2,
.transmissions-accompaniments h2,
.shawls h2,
.shawls h3,
.hairdresser .hairdresser-carousel h3 {
   text-align: center;
}

.follow-me-on-instagram h3,
#footer a {
   color: #4c4646;
}

.follow-me-on-instagram h3 {
   margin: 0 auto 40px;
   text-align: center;
}

.follow-me-on-instagram .logo {
   display: block;
   margin: 0 auto 40px;
   width: 200px;
}

.to-go-further .shadow-block {
   top: 160px;
   height: 40%;
}

.to-go-further .wrapper-inner {
   padding: 100px 0;
}

.to-go-further .wrapper-inner,
.radio-show .wrapper {
   width: 825px;
}

.to-go-further .logo,
.radio-show .logo {
   width: 300px;
}

.to-go-further .logo:last-child,
.radio-show .logo:last-child {
   width: 400px;
}

.works-and-installations-for-rent .shadow-block {
   top: inherit;
   bottom: 180px;
   height: 17.5%;
}

.works-and-installations-for-rent .carousel {
   margin: 0 -150px 0 auto;
}

.works-and-installations-for-rent .metaslider .flexslider .slides {
   margin-bottom: 40px;
}

.works-and-installations-for-rent .metaslider .caption {
   display: none;
   width: fit-content;
   padding: 15px 20px;
   color: #fff;
   background: rgba(76, 70, 70, 0.95);
   font-size: 18px;
   line-height: 33px;
   letter-spacing: 1px;
} 

.works-and-installations-for-rent .metaslider li:hover .caption {
   display: block;
   transition: all 0.3s ease-in;
}

.works-and-installations-for-rent .metaslider .flex-control-paging li a {
   border-radius: 0;
}

.sofie-vinet .picture {
   float: right;
   margin: 0 0 0 30px;
}

.resume .button,
.single .button {
   margin: 40px 0 0;
   width: max-content;
}

.transmissions-accompaniments .shadow-block {
   top: inherit;
   bottom: 180px;
   width: 90%;
   height: 97%;
}

.transmissions-accompaniments .carousel {
   margin: 0 auto 60px;
}

.approach .wrapper-inner .block,
.additional-section .wrapper-inner .block {
   width: 41%;
} 

.sofie-vinet .wrapper-inner .block,
.transmissions-accompaniments .block,
.brodeuse-ecriveuse .approach .wrapper-inner .block,
.histoires-de-femme .approach .wrapper-inner .block,
.fille-de-la-terre .approach .wrapper-inner .block {
   width: 100%;
}

.resume .block,
.single #content .block {
   width: 90%;
}

.approach .wrapper-inner .block:nth-child(2),
.additional-section .wrapper-inner .block:nth-child(2) {
   width: 47%;
}

.resume .block,
.approach .wrapper-inner .block:nth-child(2),
.additional-section .wrapper-inner .block:nth-child(2),
.single #content .block {
   padding: 80px 80px 80px 0;
   height: max-content;
}

.approach .wrapper-inner .block:nth-child(3) {
   width: 51%;
   position: absolute;
   right: 0;
   bottom: 280px;
}

.video h2 {
   margin-left: 200px;
}

.video .shadow-block {
   width: 78.9%;
   height: 66%;
}

div.video {
   width: 54%;
}

div.video iframe {
   width: 100%;
   height: 395px;
}

.page-template-mrs-filosa-craftswoman .shadow-block {
   width: 76.6%;
   height: 97%;
}

.hairdresser .care-transformations .wrapper,
.hairdresser .hairdresser-carousel .wrapper {
   padding: 0;
}

.hairdresser .button,
.shawls .wrapper-inner .button {
   width: 194px;
}

.hairdresser .wrapper-inner .button,
.shawls .wrapper-inner .button {
   margin-top: 40px;
}

.hairdresser .unfolding .button {
   width: 244px;
}

.hairdresser .care-transformations h3,
.hairdresser .unfolding h3 {
   margin-bottom: 60px;
}

.hairdresser .care-transformations .block {
   margin-bottom: 70px;
}

.hairdresser .care-transformations .picture {
   width: 100%;
}

.hairdresser .unfolding .wrapper {
   padding-top: 30px;
}

.hairdresser .hairdresser-carousel .wrapper,
.shawls .shawls-carousel .wrapper {
   margin-left: -150px;
}

.histoires-de-femmes h1 {
   width: 50%;
}

.fille-de-la-terre div.video {
   width: 100%;
}

.fille-de-la-terre div.video iframe {
   height: 730px;
}

.video .block {
   width: 36%;
}

.sound-creations .shadow-block {
   top: inherit;
   bottom: 180px;
}

.sound-creations .wrapper-inner {
   padding-right: 100px;
}

.follow-me-on-instagram .wrapper-inner,
.to-go-further .wrapper-inner,
.sound-creations .wrapper-inner,
.radio-show .wrapper-inner,
.archive #content .wrapper-inner,
.single #content .wrapper-inner {
   align-items: center;
}

.additional-section .wrapper-inner {
   padding-bottom: 100px;
}

.write-me .shadow-block {
   height: 85%
}

.write-me .block {
   width: 90%;
}

.write-me .intro {
   margin: 0 0 50px;
   font-size: 22px;
   line-height: 37px;
}

.write-me .form input, 
.write-me .form textarea {
   width: 100%;
   margin: 0 0 30px;
   font-family: 'Jost', sans-serif;
   font-size: 18px;
   line-height: 1.9;
   letter-spacing: 2px;
   border: 0;
   border-bottom: 2px solid #4c4646;
   background: transparent;
   color: #4c4646;
}

.write-me .form input[type="submit"],
.find-me .button {
   width: 170px;
}

.write-me .form input[type="submit"] {
   margin-top: 20px;
   cursor: pointer;
}

.find-me .button {
   margin-top: 60px;
}   

#mapdiv {
	width: 100%;
	margin: 0 auto;
	height: 600px;
}

#map-popup {
	padding: 15px;
	color: #fff;
	background: rgba(76, 70, 70, 0.8);
}

#map-popup ul {
	list-style-position: inside;
}

.wpcf7-spinner::before,
.wpcf7-spinner {
	margin: 0;
	width: 0;
	height: 0;
}

.wpcf7-not-valid-tip {
	color: #ff0000;
}

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output, 
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
	margin-top: 0;
	margin-bottom: 0;
	border: 0;
	text-align: center;
}

::placeholder {
	font-style: italic;
}

.archive #content .wrapper-inner:first-of-type {
   flex-wrap: inherit;
   justify-content: inherit;
   align-items: flex-start;
}

.archive .news-and-projects {
   padding: 0 0 40px;
}

.archive.post-type-archive-transmissions h1 {
   width: 40%;
}

.archive .picture {
   width: 28%;
   margin: 0 0 140px;
   cursor: pointer;
}

.archive .picture .link-title,
.single .picture .wp-caption-text {
   position: absolute;
   width: 80%;
   padding: 10px 20px;
   bottom: 0;
   left: 0;
   font-size: 15px;
   font-weight: 400;
   line-height: 25px;
   color: #fff;
   background: rgba(76, 70, 70, 0.8);
}

.archive .picture .link-title {
   display: none;
}

.archive .picture:hover .link-title,
.write-me .intro {
   display: block;
}

.single .new-and-project {
   padding: 120px 0 180px;
}

.single h1 {
   font-size: 65px;
   line-height: 85px;
}

.single .picture {
   width: 45%;
   height: auto;
   cursor: pointer;
}

.single-background-overlay,
.single-background-overlay .lightbox {
   height: 100vh;
}

.single-background-overlay {
   display: none;
   position: fixed;
   width: 100%;
   top: 0; 
   left: 0;
   align-items: center;
   justify-content: center;
   background: rgba(76, 70, 70, 0.8);
   z-index: 600;
   cursor: pointer;
   overflow-y: scroll;
   scrollbar-width: thin;
}

.single-background-overlay .cross {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 50;
  filter: brightness(400%);
}

.single .lightbox .picture {
   margin-top: 10%;
   width: 800px;
   height: auto !important;
   max-height: inherit;
   -webkit-box-shadow: 20px 20px 30px rgba(0,0,0,0.10);
   box-shadow: 20px 20px 30px rgba(0,0,0,0.10);
}

.single #content h2 {
   margin: 70px 0 30px;
}

.single #content h3,
.page-template-legal-notice #content h3 {
   margin-top: 30px;
}

.error404 .button,
#footer .block {
   width: max-content;
}

.page-template-legal-notice #content {
   padding: 180px 0;
}

.page-template-legal-notice h1,
.single h1,
.single #content .block,
.error404 h1 {
   position: relative;
}

.page-template-legal-notice h1,
.single h1,
.single .picture {
   margin-bottom: 140px;
}

.page-template-legal-notice h2 {
   margin: 60px 0 40px;
}

.error404 #content {
  min-height: calc(100vh - 144px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  text-align: center;
}

.error404 h1 {
   margin: 0 auto 60px;
}

.error404 p {
   font-size: 18px;
   line-height: 33px;
   margin-bottom: 40px;
}


/* FOOTER */

#footer {
   padding: 100px 0 15px;
   color: #4c4646;
   background: #f2f0f0;
   -webkit-box-shadow: -20px -20px 30px rgba(0,0,0,0.10);
   box-shadow: -20px -20px 30px rgba(0,0,0,0.10);
}

#footer .wrapper-inner {
   margin: 0 auto 80px;
}

#footer .logo {
   display: block;
   width: 250px;
}

#footer h2 {
   margin-bottom: 20px;
   font-size: 40px;
   line-height: 55px;
}

#footer .block-inner ul li a,
#footer .block-inner ul.sub-menu li a:hover,
#footer .phone {
   font-weight: 600;
}

#footer .block-inner:last-child {
   display: flex;
   justify-content: space-around;
}

#footer .block-inner ul li a:hover {
   font-weight: bold;
}

#footer .block-inner ul.menu li a {
   display: block;
   margin-bottom: 5px;
}

#footer .block-inner ul.sub-menu li:last-child a {
   margin-bottom: 20px;
}

#footer #menu-menu-secondaire {
   width: 30%;
}

#footer .phone {
   font-size: 21px;
   line-height: 36px;
}

#footer .icon,
.social-networks .icon {
   display: block;
   width: 40px;
}

#footer .icon {
   margin: 0 15px 0 0;
}

#footer .mentions {
	margin: 0 auto;
	text-align: center;
}

#footer .mentions p {
	margin: 0;
   font-size: 16px;
   line-height: 31px;
}


/* BELOW 1800 */

@media only screen and (max-width: 1800px) {
   
   .write-me .block {
      width: 85%;
   }
   
   .social-networks {
      top: 150px;
   }
   
   .works-and-installations-for-rent .carousel {
      margin-right: -100px;
   }
}


/* BELOW 1600 */

@media only screen and (max-width: 1600px) {
   
   .social-networks {
      top: 160px;
   }
   
   .news .wrapper, 
   .works-and-installations-for-rent .wrapper,
   .sound-creations .shadow-block {
      width: 90%;
   }
   
   .gallery .wrapper,
   .editions .wrapper,
   .transmissions-accompaniments .wrapper,
   .hairdresser .hairdresser-carousel .wrapper, 
   .shawls .shawls-carousel .wrapper {
      width: 85%;
   } 
   
   .video h2 {
      margin-left: 300px;
   }
   
   .hairdresser .hairdresser-carousel .wrapper, 
   .shawls .shawls-carousel .wrapper {
      margin-left: 0;
   }
   
   .single #content .block {
      margin: 0 0 0 auto;
   }
}


/* BELOW 1500 */

@media only screen and (max-width: 1500px) {
   
   #header .wrapper, 
   .heading .wrapper,    
   #footer .wrapper {
      width: 90%;
   }
   
   .nav {
		display: none;
	}
	
	.menu-icon {
		display: block;
		width: 35px;
		height: 35px;
		background: url('../images/sofie-vinet-menu-icon.svg') no-repeat;
      background-size: 100%;
		cursor: pointer;
	}
   
   section {
      padding-bottom: 160px;
   }
   
   .red-line {
      top: 120px;
   }
   
   .heading .slider, 
   .heading .background {
      width: 90%;
   }
   
   .heading .slider h1 {
      font-size: 200% !important;
   }
   
   .heading .background {
      height: 780px;
   }
   
   .social-networks {
      width: 45px;
   }
   
   .social-networks .icon:last-child {
      width: 45px;
   }
   
   .news, 
   .works-and-installations-for-rent,
   .transmissions-accompaniments,   
   .hairdresser,
   .write-me {
      padding-bottom: 260px;
   }
   
   .routes-and-activities {
      padding-bottom: 60px;
   }
   
   .routes-and-activities .wrapper-inner {
      margin-left: 0;
   }
   
   .works-and-installations-for-rent #metaslider_918.flexslider .slides li {
      width: 312px !important;
   }
   
   .sound-creations .shadow-block {
      bottom: 160px;
   }
   
   .archive .news-and-projects {
      padding-bottom: 20px;
   }
   
   .archive.post-type-archive-transmissions h1 {
      width: 50%;
   }
   
   .single .new-and-project {
      padding: 100px 0 160px;
   }
   
   .write-me .block {
      width: 80%;
   }
   
   .page-template-legal-notice #content {
      padding: 160px 0;
   }
   
   #footer .block {
      margin-right: 100px;
   }
   
   #footer .block:nth-child(2) {
      margin-bottom: 60px;
   }
   
   #footer .icon, 
   .social-networks .icon {
      width: 35px;
   }
}


/* BELOW 1400 */

@media only screen and (max-width: 1400px) {
   
   .cookiebanner span {
      width: 90%;
   }
   
   h1 {
    font-size: 75px;
    line-height: 95px;
   }
}


/* BELOW 1300 */

@media only screen and (max-width: 1300px) {
   
   .heading .slider div#n2-ss-3 .n-uc-1dc8b1a1919f5-inner,
   .heading .slider div#n2-ss-3 .n-uc-ce6XPPrZ7kdD-inner,
   .heading .slider div#n2-ss-3 .n-uc-aR7OeryUW99f-inner,
   .heading .slider div#n2-ss-3 .n-uc-O5gXvKajQN1B-inner,
   .heading .slider div#n2-ss-3 .n-uc-8PaIrVoEufXj-inner,
   .heading .slider div#n2-ss-3 .n-uc-WUlElaWtMvix-inner,
   .heading .slider div#n2-ss-3 .n-uc-AvDzv5HZvUkr-inner,
   .heading .slider div#n2-ss-3 .n-uc-T5RM2S3bRL8F-inner {
      padding: 60px !important;
   }
   
   .heading .slider #n2-ss-3item1,
   .heading .slider #n2-ss-3item3,
   .heading .slider #n2-ss-3item6,
   .heading .slider #n2-ss-3item9,
   .heading .slider #n2-ss-3item12,
   .heading .slider #n2-ss-3item15,
   .heading .slider #n2-ss-3item18,
   .heading .slider #n2-ss-3item21 {
      width: 340px !important;
   }
   
   .heading .slider h1 {
      font-size: 180% !important;
   }
   
   .heading .slider a {
      font-size: 135% !important;
   }
   
   .heading .background {
      height: 660px;
   }
   
   section {
      padding-bottom: 140px;
   }
	
	.wrapper,
   .routes-and-activities .wrapper-inner,
   .transmissions-accompaniments .wrapper-inner,
	#footer .mentions {
		width: 90%;
	}
	
	.cookiebanner span {
		justify-content: inherit;
		flex-direction: column;
	}
	
	.cookiebanner a {
		margin-top: 20px;
	}
   
   h1 {
      font-size: 70px;
      line-height: 90px;
   }
   
   .single h1 {
      font-size: 55px;
      line-height: 75px;
   }
   
   h2 {
      margin-bottom: 55px;
      font-size: 50px;
      line-height: 70px;
   }
   
   .routes-and-activities {
      padding-bottom: 40px;
   }
   
   .news, 
   .works-and-installations-for-rent, 
   .transmissions-accompaniments,
   .hairdresser,
   .write-me {
      padding-bottom: 240px;
   }
   
   .works-and-installations-for-rent .wrapper-inner {
      width: 100%;
   }
   
   .approach .wrapper-inner .block:nth-child(3) {
      bottom: 380px;
   }
   
   .video .shadow-block {
      height: 76%;
   }
   
   .sound-creations .shadow-block {
      bottom: 140px;
   }
   
   .gallery .wrapper, 
   .editions .wrapper, 
   .transmissions-accompaniments .wrapper, 
   .hairdresser .hairdresser-carousel .wrapper, 
   .shawls .shawls-carousel .wrapper {
      width: 95%;
   }
   
   .page-template-mrs-filosa-craftswoman .shadow-block {
      height: 98%;
   }
   
   .archive .news-and-projects {
      padding-bottom: 0;
   }
   
   .single .new-and-project {
      padding: 80px 0 140px;
   }
   
   .page-template-legal-notice #content {
      padding: 140px 0;
   }
}


/* BELOW 1200 */

@media only screen and (max-width: 1200px) {
   
   .to-go-further .wrapper-inner {
      width: 75%;
   }
   
   .wrapper, 
   .works-and-installations-for-rent .wrapper-inner {
      align-items: center;
   }
   
   section.video {
      padding-bottom: 280px;
   }
   
   .video .shadow-block,
   .write-me .shadow-block {
      height: 90%;
   }
   
   div.video {
      margin-bottom: 60px;
   }
   
   .fille-de-la-terre div.video {
      margin-bottom: 0;
   }
   
   div.video,
   .video .block {
      width: 100%;
   }
   
   div.video iframe {
      height: 590px;
   }
   
   .video .text {
      margin-left: 300px;
   }
   
   .sound-creations .shadow-block {
      height: 45%;
   }
   
   .transmissions-accompaniments .shadow-block {
      bottom: 150px;
   }
   
   .approach .wrapper-inner .block:nth-child(3) {
      bottom: 500px;
   }
   
   .archive.post-type-archive-transmissions h1 {
      width: 60%;
   }
   
   #footer .block {
      margin-right: 0;
   }
   
   #footer .block:nth-child(3),
   #footer .block:last-child {
      margin-right: 100px;
   }
}


/* BELOW 1000 */

@media only screen and (max-width: 1000px) {
   
   section {
      padding-bottom: 120px;
   }
   
   .heading .background {
      height: 500px;
   }
   
   .block,
   #footer .block:nth-child(2) {
      width: 100%;
   }
   
   .picture {
      width: 56%;
      margin: 0 auto;
   }
   
   .news, 
   .works-and-installations-for-rent, 
   .sound-creations,
   .transmissions-accompaniments,
   .hairdresser,
   .write-me {
      padding-bottom: 220px;
   }
   
   .one-place .slider,
   .hairdresser .slider {
      width: 60%;
   }
   
   .one-place .slider,
   .works-and-installations-for-rent .picture,
   .hairdresser .slider,
   .shawls .picture {
      margin: 60px auto 0;
   }
   
   .routes-and-activities .wrapper, 
   .works-and-installations-for-rent .carousel, 
   .transmissions-accompaniments .wrapper,
   .video .wrapper, 
   .sound-creations .block, 
   .hairdresser .wrapper, 
   .write-me .wrapper, 
   .single #content .block {
      padding: 60px 0 0;
   }
   
   .routes-and-activities .shadow-block {
      height: 44.5%;
   }
   
   .routes-and-activities .block {
      width: 44%;
   }
   
   .follow-me-on-instagram .picture,
   #footer .block:first-child,
   #footer .block:nth-child(3) {
      margin-bottom: 60px;
   }
   
   .to-go-further .logo, 
   .radio-show .logo {
      width: 250px;
   }
   
   .to-go-further .logo:last-child, 
   .radio-show .logo:last-child {
      width: 350px;
   }
   
   .works-and-installations-for-rent .shadow-block {
      height: 10%;
   }
   
   .works-and-installations-for-rent #metaslider_918.flexslider .slides li {
      width: 250px !important;
      margin-right: 70px !important;
   }
   
   .approach .wrapper-inner .block, 
   .additional-section .wrapper-inner .block {
      width: 38%;
   }
   
   .approach .wrapper-inner .block:nth-child(3) {
      bottom: 780px;
   }
   
   .radio-show .wrapper {
      width: 75%;
   }
   
   div.video iframe {
      height: 490px;
   }
   
   .sound-creations .shadow-block {
      bottom: 120px;
   }
   
   .sound-creations .block ul,
   .sound-creations .block p {
      width: 60%;
      margin: 0 auto;
   }
   
   .sound-creations .block p,
   #footer h2 {
      text-align: center;
   }
   
   .sofie-vinet .picture {
      float: none;
      margin: 0 auto 60px;
   }
   
   .page-template-mrs-filosa-craftswoman .shadow-block {
      width: 70%;
      height: 98.6%;
   }
   
   .page-template-mrs-filosa-craftswoman h1 {
      width: 60%;
   }
   
   .hairdresser .care-transformations .picture,
   .hairdresser .unfolding .picture {
      width: 65%;
      margin-bottom: 30px;
   }
   
   .shawls h3 {
      margin-bottom: 0;
   }
   
   .histoires-de-femmes .red-line {
      top: 100px;
   }
   
   .archive .picture {
      width: 45%;
      margin-bottom: 120px;
   }
   
   .single .new-and-project {
      padding: 60px 0 120px;
   } 
   
   .page-template-legal-notice #content {
      padding: 120px 0;
   }
   
   .page-template-legal-notice h1, 
   .single h1, 
   .single .picture {
      margin-bottom: 120px;
   }
   
   #footer .wrapper-inner {
      justify-content: center;
   }
}


/* BELOW 900 */

@media only screen and (max-width: 900px) {
   
   #arrow {
      width: 35px;
   }
   
   #arrow.scroll {
      bottom: 60px;
   }
   
   .cross {
      height: 25px;
      width: 25px;
   }
   
   .cookiebanner {
      font-size: 16px;
      line-height: 31px;
      text-align: center;
   }
   
   body {
      font-size: 17px;
      line-height: 32px;
   }
   
   h1 {
      padding: 60px;
      font-size: 60px;
      line-height: 80px;
   }
   
   .single h1 {
      font-size: 50px;
      line-height: 70px;
   }
   
   h2 {
      margin-bottom: 45px;
      font-size: 45px;
      line-height: 65px;
   }
   
   h3 {
      font-size: 22px;
      line-height: 37px;
   }
   
   h4 {
      font-size: 19px;
      line-height: 34px;
   }
   
   section {
      padding-bottom: 100px;
   }
   
   .red-line {
      width: 300px;
   }
   
   .cookiebanner a,
   .button {
      padding: 10px 28px;
   }
   
   .social-networks {
      display: none;
   }
   
   .heading .slider div#n2-ss-3 .n2-ss-layer {
      margin-bottom: 15px;
   }
   
   .heading .slider div#n2-ss-3 .n2-ss-layer:last-child {
      margin-top: 20px;
   }
   
   .heading .slider #n2-ss-3item1, 
   .heading .slider #n2-ss-3item3, 
   .heading .slider #n2-ss-3item6, 
   .heading .slider #n2-ss-3item9, 
   .heading .slider #n2-ss-3item12, 
   .heading .slider #n2-ss-3item15, 
   .heading .slider #n2-ss-3item18, 
   .heading .slider #n2-ss-3item21 {
      width: 300px !important;
   }
   
   .heading .slider div#n2-ss-3 .n-uc-1dc8b1a1919f5-inner, 
   .heading .slider div#n2-ss-3 .n-uc-ce6XPPrZ7kdD-inner, 
   .heading .slider div#n2-ss-3 .n-uc-aR7OeryUW99f-inner, 
   .heading .slider div#n2-ss-3 .n-uc-O5gXvKajQN1B-inner, 
   .heading .slider div#n2-ss-3 .n-uc-8PaIrVoEufXj-inner, 
   .heading .slider div#n2-ss-3 .n-uc-WUlElaWtMvix-inner, 
   .heading .slider div#n2-ss-3 .n-uc-AvDzv5HZvUkr-inner, 
   .heading .slider div#n2-ss-3 .n-uc-T5RM2S3bRL8F-inner {
      padding: 50px !important;
   }
   
   .heading .slider h1 {
      font-size: 170% !important;
   }
   
   .heading .slider a {
      font-size: 125% !important;
   }
   
   .archive #content .wrapper-inner:first-of-type,
   .single .breadcrumb {
      margin-bottom: 80px;
   }
   
   .shadow-block {
      width: 90%;
   }
   
   .one-place h2 {
      margin-bottom: 20px;
   }
   
   .news, 
   .works-and-installations-for-rent, 
   section.video,
   .sound-creations,
   .transmissions-accompaniments,  
   .hairdresser,
   .write-me {
      padding-bottom: 200px;
   }
   
   .routes-and-activities .shadow-block {
      width: 84.1%;
   }
   
   .follow-me-on-instagram .logo {
      width: 150px;
   }
   
   .transmissions-accompaniments .shadow-block {
      bottom: 120px;
   }
   
   .resume .block,
   .approach .wrapper-inner .block:nth-child(2), 
   .additional-section .wrapper-inner .block:nth-child(2), 
   .single #content .block {
      padding: 60px 60px 60px 0;
   }
   
   .approach .wrapper-inner .block:nth-child(3) {
      bottom: 880px;
   }
   
   .to-go-further .logo, 
   .radio-show .logo {
      width: 200px;
   }
   
   .to-go-further .wrapper-inner {
      padding: 80px 0;
      width: 80%;
   }
   
   .to-go-further .shadow-block {
      height: 35%;
   }
   
   .to-go-further .logo:last-child, 
   .radio-show .logo:last-child {
      width: 300px;
   }
   
   .video h2,
   .video .text {
      margin-left: 250px;
   }
   
   div.video iframe {
      height: 450px;
   }
   
   .fille-de-la-terre div.video iframe {
      height: 530px;
   }
   
   .sound-creations .wrapper-inner {
      padding-right: 80px;
   }
   
   .archive .picture .link-title, 
   .single .picture .wp-caption-text {
      padding-top: 5px;
      padding-bottom: 5px;
   }
   
   .archive .picture {
      margin-bottom: 100px;
   }
   
   .archive .picture .link-title {
      display: block;
   }
   
   .single .lightbox .picture {
      margin-top: 15%;
      width: 90%;
   }
   
   .write-me .intro {
      margin-bottom: 40px;
      font-size: 20px;
      line-height: 35px;
   }
   
   #mapdiv {
      height: 500px;
   }
   
   .page-template-legal-notice #content {
      padding: 100px 0;
   }
   
   .page-template-legal-notice h1, 
   .single h1, 
   .single .picture {
      margin-bottom: 100px;
   }
   
   .page-template-legal-notice h2 {
      margin: 50px 0 30px;
   }
   
   #footer {
      padding-top: 80px;
      padding-bottom: 5px;
   }
   
   #footer .logo {
      width: 200px;
   }
   
   #footer .wrapper-inner {
      margin-bottom: 60px;
   }
   
   #footer .block:first-child,
   #footer .block:nth-child(2),   
   #footer .block:nth-child(3) {
      margin-bottom: 50px;
   }
   
   #footer h2 {
      font-size: 35px;
      line-height: 50px;
   }
   
   #footer .mentions p {
      font-size: 15px;
      line-height: 30px;
   }
}


/* BELOW 810 */

@media only screen and (max-width: 810px) {
   
   h1 {
      font-size: 50px;
      line-height: 70px;
   }
   
   .heading .background {
      height: 430px;
   }
   
   .approach .wrapper-inner .block, 
   .additional-section .wrapper-inner .block,
   .approach .wrapper-inner .block:nth-child(3),
   #footer .block:nth-child(3) {
      width: 100%;
   }
   
   .transmissions-accompaniments .shadow-block {
      width: 80%;
   }
   
   .approach .wrapper-inner .block:nth-child(2), 
   .additional-section .wrapper-inner .block:nth-child(2) {
      width: 90%;
   }
   
   .approach .wrapper-inner .block:nth-child(2), 
   .additional-section .wrapper-inner .block:nth-child(2) {
      margin: 60px 0 60px auto;
   }
   
   .approach .wrapper-inner .block:nth-child(3) {
      position: relative;
      bottom: inherit;
      right: inherit;
   }
   
   #footer .block {
      text-align: center;
   }
   
   #footer .block:nth-child(3), 
   #footer .block:last-child {
      margin-right: 0;
   }
   
   #footer .logo {
      margin: 0 auto;
   }
}


/* BELOW 700 */

@media only screen and (max-width: 700px) {
   
   .picture {
      width: 66%;
   }
   
   .heading .slider div#n2-ss-3 .n-uc-1dc8b1a1919f5,
   .heading .slider div#n2-ss-3 .n-uc-ce6XPPrZ7kdD,
   .heading .slider div#n2-ss-3 .n-uc-aR7OeryUW99f,
   .heading .slider div#n2-ss-3 .n-uc-O5gXvKajQN1B,
   .heading .slider div#n2-ss-3 .n-uc-8PaIrVoEufXj,
   .heading .slider div#n2-ss-3 .n-uc-WUlElaWtMvix,
   .heading .slider div#n2-ss-3 .n-uc-AvDzv5HZvUkr,
   .heading .slider div#n2-ss-3 .n-uc-T5RM2S3bRL8F {
      max-width: 95% !important;
   }
   
   .to-go-further .shadow-block {
      top: 135px;
      height: 50%;
   }
   
   .to-go-further .wrapper-inner,
   .radio-show .wrapper-inner {
      flex-direction: column;
      justify-content: center;
   }
   
   .to-go-further .logo:last-child, 
   .radio-show .logo:last-child {
      margin-top: 60px;
   }
   
   .video h2,
   .video .text {
      margin-left: 210px;
   }
   
   div.video iframe {
      height: 350px;
   }
   
   .fille-de-la-terre div.video iframe {
      height: 430px;
   }
   
   .works-and-installations-for-rent .shadow-block {
      height: 10.5%;
   }
   
   .works-and-installations-for-rent .shadow-block {
      bottom: 110px;
   }
   
   .page-template-mrs-filosa-craftswoman .heading {
      padding-top: 70px;
   }
   
   .page-template-mrs-filosa-craftswoman .heading .wrapper {
      flex-direction: column;
   }
   
   .page-template-mrs-filosa-craftswoman .heading .background {
      margin: 160px auto 0;
      width: 100%;
      height: 320px;
   }
   
   .page-template-mrs-filosa-craftswoman h1 {
      width: 90%;
      box-sizing: border-box;
   }
   
   .single .button,
   .single .button:last-child {
      margin-left: auto;
      margin-right: auto;
   }
}


/* BELOW 600 */

@media only screen and (max-width: 600px) {
   
   #arrow {
      width: 30px;
      bottom: 50px;
   }
   
   #header {
      padding-top: 35px;
   }
   
   .cookiebanner {
      font-size: 15px;
      line-height: 30px;
   }
   
   h1 {
      width: 90%;
      padding: 50px;
      font-size: 45px;
      line-height: 65px;
      box-sizing: border-box;
   }
   
   .single h1 {
      font-size: 40px;
      line-height: 55px;
   }
   
   h2 {
      margin-bottom: 35px;
      font-size: 35px;
      line-height: 50px;
   }
   
   h3 {
      font-size: 20px;
      line-height: 35px;
   }
   
   h4 {
      font-size: 18px;
      line-height: 33px;
   }
   
   section {
      padding-bottom: 80px;
   }
   
   .menu-icon {
      width: 30px;
      height: 30px;
   }
   
   .red-line {
      width: 250px;
      top: 100px;
   }
   
   .heading {
      padding-top: 40px;
   }
   
   .heading .wrapper {
      flex-direction: column;
   }
   
   .heading .slider,
   .routes-and-activities .block {
      width: 100%;
   }
   
   .heading .slider div#n2-ss-3 .n-uc-1dc8b1a1919f5-inner, 
   .heading .slider div#n2-ss-3 .n-uc-ce6XPPrZ7kdD-inner, 
   .heading .slider div#n2-ss-3 .n-uc-aR7OeryUW99f-inner, 
   .heading .slider div#n2-ss-3 .n-uc-O5gXvKajQN1B-inner, 
   .heading .slider div#n2-ss-3 .n-uc-8PaIrVoEufXj-inner, 
   .heading .slider div#n2-ss-3 .n-uc-WUlElaWtMvix-inner, 
   .heading .slider div#n2-ss-3 .n-uc-AvDzv5HZvUkr-inner, 
   .heading .slider div#n2-ss-3 .n-uc-T5RM2S3bRL8F-inner {
      padding: 40px !important;
   }
   
   .heading .slider #n2-ss-3item1, 
   .heading .slider #n2-ss-3item3, 
   .heading .slider #n2-ss-3item6, 
   .heading .slider #n2-ss-3item9, 
   .heading .slider #n2-ss-3item12, 
   .heading .slider #n2-ss-3item15, 
   .heading .slider #n2-ss-3item18, 
   .heading .slider #n2-ss-3item21 {
      width: 280px !important;
   }
   
   .heading .slider .n2-ss-slider {
      --ss-fe: inherit;
   }
   
   .heading .slider div#n2-ss-3 .n2-ss-layer-row-inner {
      margin: 0 auto;
   }
   
   .heading .slider h1 {
      font-size: 150% !important;
   }
   
   .heading .slider a {
      padding-left: 40px !important;
      padding-right: 40px !important;
      font-size: 120% !important;
   }
   
   .heading .background {
      margin: 160px auto 0;
      width: 100%;
      height: 320px;
   }
   
   .madame-filosa-artiste .heading .background,
   .page-template-mrs-filosa-craftswoman .heading .background,
   .histoires-de-femmes .heading .background {
      margin-top: 150px;
   }      
   
   .page-template-course .heading .background,
   .brodeuse-ecriveuse .heading .background,
   .fille-de-la-terre .heading .background,
   .archive .heading .background,
   .contact .heading .background {
      margin-top: 90px;
   }
   
   .archive #content .wrapper-inner:first-of-type,
   .single .breadcrumb {
      margin-bottom: 60px;
   }
   
   .routes-and-activities {
      padding-bottom: 80px;
   }
   
   .routes-and-activities h2 {
      margin-left: 0;
   }
   
   .routes-and-activities .shadow-block {
      width: 70%;
      height: 98%;
   }
   
   .home .red-line {
      bottom: 30px;
   }
   
   .one-place .slider, 
   .works-and-installations-for-rent .picture {
      margin-top: 50px;
   }
   
   .one-place .slider, 
   .follow-me-on-instagram .picture,
   .works-and-installations-for-rent .picture,
   .sofie-vinet .picture,
   .hairdresser .slider,
   .hairdresser .care-transformations .picture, 
   .hairdresser .unfolding .picture {
      width: 80%;
   }
   
   .madame-filosa-artiste h1,
   .archive.post-type-archive-transmissions h1 {
      width: 90%;
   }
   
   .resume .block,
   .approach .wrapper-inner .block:nth-child(2), 
   .additional-section .wrapper-inner .block:nth-child(2), 
   .single #content .block {
      padding: 50px 50px 50px 0;
   }
   
   .video h2,
   .video .text {
      margin-left: 180px;
   }
   
   div.video iframe {
      height: 250px;
   }
   
   .to-go-further .shadow-block {
      top: 100px;
      height: 60%;
   }
   
   .sound-creations .wrapper-inner {
      padding-right: 60px;
   }
   
   .sofie-vinet .picture {
      margin-bottom: 50px;
   }
   
   .transmissions-accompaniments .shadow-block {
      bottom: 90px;
   }
   
   .page-template-mrs-filosa-craftswoman .shadow-block {
      width: 75%;
      height: 99%;
   }
   
   .histoires-de-femmes h1 {
      width: fit-content;
   }
   
   .fille-de-la-terre div.video iframe {
      height: 330px;
   }
   
   .archive .picture,
   .single .picture,
   .breadcrumb,
   #footer #menu-menu-secondaire {
      width: 100%;
   }
   
   .archive.post-type-archive-transmissions .heading .background,
   .archive.post-type-archive-transformations .heading .background {
      margin-top: 150px;
   }
   
   .archive .picture {
      margin-bottom: 80px;
   }
   
   .news, 
   .works-and-installations-for-rent, 
   section.video,
   .sound-creations, 
   .transmissions-accompaniments,
   .write-me {
      padding-bottom: 160px;
   }
   
   .single .lightbox .picture {
      margin-top: 25%;
   }
   
   #mapdiv {
      height: 400px;
   }
   
   .page-template-legal-notice h1, 
   .single h1, 
   .single .picture {
      margin-bottom: 80px;
   }
   
   .page-template-legal-notice #content {
      padding: 80px 0;
   }
   
   #footer {
      padding-top: 60px;
   }
   
   #footer .block:first-child,
   #footer .block:nth-child(2),   
   #footer .block:nth-child(3) {
      margin-bottom: 40px;
   }
   
   #footer .block:nth-child(2) .block-inner {
      flex-direction: column;
      justify-content: center;
   }
   
   #footer h2 {
      font-size: 30px;
      line-height: 45px;
   }
   
   #footer .icon, 
   .social-networks .icon {
      width: 35px;
   }
}


/* BELOW 500 */

@media only screen and (max-width: 500px) {
   
   #header {
      padding-top: 30px;
   }
   
   .home .red-line {
      bottom: 10px;
   }
   
   .page-template-course .heading .background, 
   .archive .heading .background, 
   .contact .heading .background {
      margin-top: 75px;
   }
   
   .heading .slider div#n2-ss-3 .n2-ss-slider-4,
   .heading .slider div#n2-ss-3 .n2-ss-layer-row-inner {
      width: 90%;
   }
   
   .heading .slider h1 {
      font-size: 150% !important;
   }
   
   .routes-and-activities .shadow-block {
      width: 75%;
   }
   
   .sound-creations .block ul, 
   .sound-creations .block p {
      width: 80%;
   }
   
   .histoires-de-femmes .heading .background,
   .archive.post-type-archive-transmissions .heading .background {
      margin-top: 205px;
   }
   
   .madame-filosa-artiste .heading .background,
   .page-template-mrs-filosa-craftswoman .heading .background,
   .brodeuse-ecriveuse .heading .background,
   .fille-de-la-terre .heading .background,
   .archive.post-type-archive-transformations .heading .background,
   .archive.post-type-archive-creations .heading .background {
      margin-top: 140px;
   }
}


/* BELOW 430 */

@media only screen and (max-width: 430px) {
   
   h1 {
      padding: 40px;
      font-size: 40px;
      line-height: 60px;
   }
   
   .heading .slider h1 {
      font-size: 140% !important;
   }
   
   .heading .slider a {
      padding-left: 30px !important;
      padding-right: 30px !important;
      font-size: 110% !important;
   }
   
   .heading .background {
      height: 240px;
   }
   
   .news .wrapper {
      margin-left: 0;
   }
   
   .picture,
   .one-place .slider, 
   .follow-me-on-instagram .picture,
   .works-and-installations-for-rent .picture,
   .sofie-vinet .picture,
   .hairdresser .slider,
   .hairdresser .care-transformations .picture, 
   .hairdresser .unfolding .picture {
      width: 100%;
   }
   
   .page-template-mrs-filosa-craftswoman .heading .background {
      margin-top: 100px;
   }
   
   .histoires-de-femmes .heading .background,
   .archive.post-type-archive-transmissions .heading .background {
      margin-top: 195px;
   }
   
   .madame-filosa-artiste .heading .background,
   .brodeuse-ecriveuse .heading .background,
   .fille-de-la-terre .heading .background {
      margin-top: 135px;
   }
   
   .archive.post-type-archive-transmissions .heading .background {
      margin-top: 195px;
   }
   
   .archive.post-type-archive-transformations .heading .background, 
   .archive.post-type-archive-creations .heading .background {
      margin-top: 135px;
   }
   
   .routes-and-activities .wrapper-inner,
   .video .block,
   .sound-creations .block {
      width: 85%;
   }
   
   .video h2,
   .video .text {
      margin-left: 130px;
   }
   
   .video .block,
   .sound-creations .block {
      margin: 0 auto;
   }
   
   .to-go-further .logo:last-child, 
   .radio-show .logo:last-child {
      margin-top: 40px;
   }
   
   .sound-creations .shadow-block {
      height: 55%;
   }
   
   .sound-creations .wrapper-inner {
      padding-right: 50px;
   }
   
   .sound-creations .block ul, 
   .sound-creations .block p {
      width: 90%;
   }
   
   .transmissions-accompaniments .shadow-block {
      width: 72%;
   }
   
   .page-template-mrs-filosa-craftswoman .shadow-block {
      width: 85%;
   }
   
   .brodeuse-ecriveuse .video h2 {
      margin-left: 120px;
   }
   
   #footer .block:nth-child(2), 
   #footer .block:nth-child(3) {
      margin-bottom: 30px;
   }
}


/* BELOW 360 */

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

   h1 {
      padding: 30px;
      font-size: 35px;
      line-height: 55px;
   }

   .heading .slider a {
      padding-left: 20px !important;
      padding-right: 20px !important;
      font-size: 105% !important;
   }

   .heading .background {
      height: 200px;
   }
   
   .page-template-course .heading .background, 
   .archive .heading .background, 
   .contact .heading .background {
      margin-top: 60px;
   }
   
   .madame-filosa-artiste .heading .background, 
   .page-template-mrs-filosa-craftswoman .heading .background,
   .brodeuse-ecriveuse .heading .background,
   .fille-de-la-terre .heading .background,
   .archive.post-type-archive-transformations .heading .background, 
   .archive.post-type-archive-creations .heading .background {
      margin-top: 115px;
   }
   
   .histoires-de-femmes .heading .background,
   .archive.post-type-archive-transmissions .heading .background {
      margin-top: 170px;
   }
   
   .video h2,
   .video .text {
      margin-left: 130px;
   }
   
   .transmissions-accompaniments .shadow-block {
      width: 76%;
   }
    
   #footer .block:first-child, 
   #footer .block:nth-child(2), 
   #footer .block:nth-child(3) {
      margin-bottom: 5px;
   }
}