@media screen and (max-width: 750px){
  *{
  	margin: 0;
  	max-width: 750px;
  	zoom:0;
  	scroll-behavior: hidden;
  }
  div {
    display:block;
    clear:both;
  }
  h1, h2, h3, h4, h5{
	font-family: 'Poiret One', cursive;
	}

	p, a{
		font-family: 'Lato', sans-serif;
    	font-size:16px;
    	line-height: 26px;
    	text-align: center!important;

	}

	section{
		margin-bottom: 2rem;
		height: 100%;
		margin-top: 1rem;
	}

	.isDisabled{
		cursor: not-allowed;
	}

	section.grey{
		color:#343434;
	}

	section.white{
		color: white;
	}

	.fond_grey{
		background-color: #000;
		opacity: 0.5;
	}
	div.title_section{
		padding-top:2rem;
		padding-bottom: 2rem;
	}
	.title_section div h2{
		font-family: "Poiret One";
		font-size: 3.0rem;
		text-align:center;
		text-transform: initial;
	}

	.link-basic{
		color:#f90;
		transition: all 0.2s ease-in-out;
	}

	.link-basic:hover{
		opacity: 0.7;
		color: #f90;
		transition: all 0.2s ease-in-out;
	}

	/* navbar */
	nav{
	    top:0!important;
	}

	.animated-icon2:hover{
		border:none!important;
	}

	.nav-link{
		font-size: 25px;
	}

	.nav-item:nth-child(odd){
		background: #393e46;
	}
	.nav-item:nth-child(even){
		background: #222831;
	}

	.nav-item:hover{
		background-color: #eee;
	}

	.nav-item a:hover{
		color:#222831!important;
	}

	.red.lighten-1{
		background-color: #000 !important;
	}
	.animated-icon2{
		width: 30px;
		height: 20px;
		position: relative;
		margin: 0px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}

	.animated-icon2 span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	.animated-icon2 span {
		background: #e3f2fd;
	}

	.animated-icon2 span:nth-child(1) {
		top: 0px;
	}

	.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
		top: 10px;
	}

	.animated-icon2 span:nth-child(4) {
		top: 20px;
	}

	.animated-icon2.open span:nth-child(1) {
		top: 11px;
		width: 0%;
		left: 50%;
	}

	.animated-icon2.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.animated-icon2.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.animated-icon2.open span:nth-child(4) {
		top: 11px;
		width: 0%;
		left: 50%;
	}

  /*img header*/
  .img-header-cover{
    position: relative;
    background-image: url('../img/header/image-header-homepage.jpg');
/*    -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";*/
    background-repeat: no-repeat;
    background-attachment: : fixed;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    z-index:-1;
    top: 0;
    left: 0;
  }

  .img-header-cover div{
  	width: 100%;
  }

  .text-onimg-header{
  	padding-top: 20rem;
  	padding-bottom: 6rem;
  	z-index: 99;
  	position: relative;
  }

  .text-onimg-header h4{
  	font-size: 28px;
  	line-height: 40px;
  	font-style: italic;
  	color: #fff;
	}

	.btn-pers{
		border-radius: 25px!important;
		position: relative;
		background-color:#ff9900;
		cursor: pointer;
		margin-bottom: 2rem!important;
		font-weight: bold!important;
		font-family: 'Lato', sans-serif;
		font-size:1.2rem!important;
	}
	.btn-pers:hover{
		color: white;
	}

	/*section destination*/
	.list_destinations{
		width: 100%;
	}

	.img-destination-font{
		background-repeat: no-repeat;
		background-position: center;
    	display: flex;
    	height: 255px;
    	vertical-align: middle;
    	width: 100%;
    	cursor: pointer;
    	margin-bottom: 1rem;
	}

/*	.img-destination-font:hover{
		zoom:2;
	}*/

	.img-destination-font div{
		width: 100%;
	}

	.img-destination-font div h5{
		color:#fff;
		font-weight: bold;
		font-family: 'Lato', sans-serif;
		text-align: center;
   		line-height: 255px;
   		text-transform: uppercase;
	}

	.card-header h4{
		text-align: center;
	}

	.img-chili{
		background-image: url('../img/destination/homepage_chili.jpg');
	}
	.img-taiwan{
		background-image: url('../img/destination/homepage_taiwan.jpg');

	}

	.img-russie{
		background-image: url('../img/destination/homepage_russie.jpg');
	}

	.list_destinations a{
		display: none;
	}

	.button_add{
		margin: 0 auto;
		text-align: center;
		width: 100%;
		border:1px dotted #343434;
		padding: 1rem;
		margin-top: -1rem;
	}

	a#add_img_supp{
		color:#343434;
		text-transform: uppercase;
	}

	a#add_img_supp:hover{
		opacity: 0.7;
	}

	/*assurance*/
	#assurance{
		width: 100%;
		height: 100%;
	}

	#assurance div{
		text-align: center;
		padding-top: 2rem!important;
		padding-bottom: 2rem!important;
		margin-top: 1rem;
	}

	#assurance div div:nth-child(1){
		padding: 1.5rem;
	}

	#assurance div div:nth-child(2){
		background-color: #222831;
	}

		#assurance div div:nth-child(2) div{
		line-height: 10.5rem;
	}


	.btn-persBlanc{
		border-radius: 25px!important;
		position: relative;
		background-color:#fff;
		cursor: pointer;
		font-weight: bold!important;
		font-family: 'Lato', sans-serif;
		font-size:1.0rem!important;
		font-variant-caps: all-petite-caps!important;
		color:#222831!important;
	}

	.modal-content{
		border-radius: 0px!important;
	}

	/*infos pratiques*/
	#infos_pratiques{
		padding-bottom: 3rem;
	}

	/*chiffres cles*/
	.col-sm-6{
		padding: 50px;
	}

	.content_chiffres img{
		margin-bottom: 1rem;
	}

	/*testimonials*/
	div.list_testimonials{
		height: 100%;
	}

	div.testi_bloc{
		width: 100%;
		border: 1px solid #eee;
		height: 8rem;
		background-color:#eee;
		height: 100%;
	}

	.content{
		padding: 2rem;
		height: 100%;
	}


	div.testi_bloc .content p{
		font-style: italic;
		margin-bottom: 0rem!important;
	}

	a.name_testi_link{
		float: right;
		padding-right: 1rem;
		padding-bottom: 1rem;
	}

	/* gallery */
	.col_4{
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}


	/*footer*/
	footer{
		background-color: #000;
		height: 100%;
		padding-top: 1rem;
		padding-bottom: 0.5rem;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		text-align: center;
		color:#eee;
	}

	footer p{
		color:#eee;
		opacity: 0.5;
	}

	.links_footer ul{
		width: 100%;
		margin-left: 0px!important;
	}

	.links_footer ul li{
		display: inline-block;

	}

	.links_footer ul li a{
		color:#eee;
		opacity: 0.7;
		padding: 8px;
		transition: all 0.2s ease-in-out;

	}

	.links_footer ul:nth-child(2) li a img{
		width: 35px;
		margin-left: 45px;
		padding-bottom: 2.5rem;
	}

	.links_footer ul li a:hover{
		opacity: 1;
		transition: all 0.2s ease-in-out;
	}

	.copy{
		bottom: 0;
	}

	#top-img a p{
		text-transform: uppercase;
	}

	#top-img a img{
		opacity: 0.7;
	}



	/*page destination*/
	/*SUBMAIN*/
	section#submain{
		padding-top: 7rem;
		/*background-color: #eee;*/
		text-align: center;
	}

	.main_links{
		width: 100%;
	}

	.main_links .row{
		/*width: 70%!important;*/
		margin: 0 auto;
	}

	.main_links .row ul{
		list-style-type: none;
		padding: 0!important;
	}

	.main_links .row ul li{
		background-color: #eee;
		margin: 0.5rem;
		padding: 0.5rem;
	}

	.main_links .row ul a li{
		/*text-decoration: underline;
		color: #343434;*/
		font-family: 'Lato', sans-serif;
		font-size: 18px;
	}

	.main_links div div h4{
		font-family: "Poiret One";
		font-size: 1.8rem;
		text-align:center;
		text-transform: initial;
	}

	.main_links .row ul a.active li{
		background-color: #393e46!important;
		color:white;
	}

	/* CONTENU */

	section.links_more{
		margin-bottom: 0!important;
	}

	.content_section div div img{
		height: 100%;
	    width: 100%;
	}

	.content_section div div {
		padding-top:0!important;
		padding-bottom:0!important;
	}

	.links_more .card:nth-child(odd) .card-header{
		background-color: #393e46;
	}
	.links_more .card:nth-child(even) .card-header{
		background-color: #222831;
	}

	.links_more .card .card-header a h4{
		text-align: center;
		color: #eee;
	}

	/*fin css page destination*/
}