@media screen and (max-width: 1361px) {
  .site,
  .img-bloc-2.nes{ width: 90%; margin: 0 5%;}
  
}
@media screen and (max-width: 1100px) {
	.stories-hp ul li .txt{ height: 185px;}
	.page.intro .txt-intro-art,
	.intro-art .txt-intro-art,
	.content .txt-intro-art{ -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;}
}
@media screen and (max-width: 1000px) {
  .event{ background: #fff;}
  .event .site{ width: 100%; margin: 0;}
  .event h2{ text-align:center; padding: 0 2.5%; }
  .event .event-left,
  .event .event-right{ float: none; position:relative; width: 86%; padding: 2.5% 7%;}
  .event .event-right{ text-align:center; margin-bottom: 0;}
  .event .event-left{ text-align: justify;}
  .event .event-left h2{ text-align:center;}
  .event .event-right span,
  .event .event-right ul li{ display: block;}
  
  
}
@media screen and (max-width: 945px) {
  .prefoot-left,
  .prefoot-right{ float: none; clear:both; width: 450px; margin: 0 auto;}
  
  .quote .txt-quote{ width: 70%;}
  
  .resources ul li{ width: 22%;}
  
  .contact .left-contact, .contact .right-contact{ float: none; width: 90%; margin: 0 5%; border: 0 none; padding: 0;}
  
}
@media screen and (max-width: 900px) {
  .navigation h1{ float: none; margin: 0 auto;}
  .navigation .menu{ float: none; text-align: center;}
  .navigation .menu li{ float: none;}
  
  .stories-hp ul li{ float: left; width: 48%; margin: 1%;}
  
}
@media screen and (max-width: 800px) {
  .stories-hp ul.team li a{ min-height: inherit;}
  .content .txt-intro-art,
  .intro-art .txt-intro-art{ -webkit-column-count: inherit; -moz-column-count: inherit; column-count: inherit; padding: 0 20px; text-align: justify;}
  .content .txt-intro-art{ padding: 0;}
  .intro-art { padding: 20px 0;}
  
  .sharing{ display: none;}

}
@media screen and (max-width: 700px) {
  .stories-hp ul li{ float: left; width: 90%; margin: 2.5% 5%;}
  .stories-hp ul li .img img{ width: 100%; min-height: 100%;}
  .stories-hp ul.team li .img img{ min-height: inherit;}
  
  .resources ul li{ width: 30%;}
  
  #btn{ display: block; margin-top: 1em; padding: 0.5em 1em; background: #f07d60; color: #fff; text-align: center;}
  .menu{ display: none;}
  .navigation .site{ width: 100%; margin: 0 auto;}
  .navigation .menu{ float: none; list-style: none; width: 100%; text-align: left; background: #191a46;}
  .navigation .menu li{ list-style: none; display: inline-block; border-bottom: 1px dashed #fff; float: none; position:relative; width: 100%;}
  .navigation .menu li a{ padding: 0.5em 1em; color:  #fff;}
  .navigation .menu li ul{ display: block; position: relative; left: inherit; top: inherit; z-index: inherit; margin-left: 2em;}
  .navigation .menu li ul li{ border-bottom: 0 none;}
  .navigation .menu li ul li a{ width: inherit; padding: 0; background: #191a46;}
  .navigation .menu li ul li a::before{ content: "> ";}
  
  .navigation.original{ visibility: visible !important;}
  .navigation.cloned{ display: none !important;}
  
  .sentence,
  .txt-intro{ width: 90%; text-align:center;}
	
  .sentence{ float: left; padding: 0 5%;}
  .txt-intro{ float: right; padding: 0 5%;}
  
  .txt-intro h2{ text-align:center; padding-top: 1em;}
  
}
@media screen and (max-width: 470px) {
	.prefoot-left,
	.prefoot-right{ float: none; clear:both; width: 90%; margin: 1em auto;}
	.prefoot-left img,
	.prefoot-left span,
	.prefoot-right img,
	.prefoot-right span{ float: none; display:block; text-align: center; margin: 0 auto;}
	.prefoot-left span{ border: 0 none;}
	footer{ text-align: center;}
	footer a { width: 90%; text-align: center; margin: 0 auto;}
	footer img{ margin: 0 auto; float: none;}
	footer span{ display: none; float: none;}
	.stories-hp ul li.box-newsletter .wpcf7-checkbox.sector span{ width: 83%;}
	.stories-hp ul li.box-newsletter input.wpcf7-submit{ margin-bottom: 2em;}
  
}
@media screen and (max-width: 322px) {
	.prefoot-right span{ width: 90%; margin: 0 5%;}
  
}