@media (max-width: 576px){

}
@media (min-width: 768px){

}


@media (min-width: 576px){
	
}


@media (max-width: 768px){
	#wrapper {
	    padding-top: 71px;
	    padding-bottom: 90px;
	}
	.header .btn{
		display: none;
	}
	.container.dons-desktop{
		display: none;
	}
	.container.dons-mobile{
		display: block;
	}
	.section.section-intro {
    	background: url(../images/visuel-intro.jpg) no-repeat 55% center;
    }
    .text-intro {
	    margin-bottom: 30px;
	}
	.text-intro span{
		font-size: 20px;
		line-height: 20px;
		padding: 8px 8px 4px 8px;
	}
	.text-intro p {
	    font-size: 29px;
	    line-height: 40px;
	    margin-bottom: 20px;
	}
	.section-pourquoi {
	    padding: 20px 0 50px 0;
	}

	.module-size{
		width: 101px;
		height: 101px;
		padding: 15px 10px 10px 10px;
		right: 15px;
		position: absolute;
		top: 70%;
	}
	.medium .module-size {
	    width: 111px;
	    height: 111px;
	}
	.big .module-size {
	    width: 121px;
    	height: 121px;
	}
	
		.module-size span{
			font-size: 10px;
			line-height: 13px;
			margin-bottom: 15px;
		}
		.module-size li.list-inline-item:not(:last-child) {
    		margin-right: 5px;
		}
		.module-size a.size-1{
			font-size: 15px;
			line-height: 15px;
		}
		.module-size a.size-1.active:before{
			bottom: 1px;
		}
		.module-size a.size-2{
			font-size: 22px;
			line-height: 15px;
		}
		.module-size a.size-2.active:before{
			bottom: 5px;
		}
		.module-size a.size-3{
			font-size: 30px;
			line-height: 15px;
		}

	.bloc-titre h2 {
    	font-size: 20px;
    	line-height: 30px;
    }
    .bloc-titre p {
    	font-size: 14px;
    	line-height: 20px;
    }
    .section-generosite .part-1,
    .section-generosite .part-2{
    	margin-bottom: 30px;
    }
    .section-generosite .part-1 p {
	    font-size: 15px;
	    line-height: 22px;
	    padding-right: 0;
	}
	.section-generosite .part-2 p{
		font-size: 14px;
		line-height: 22px;
	}
	.section-generosite .part-3{
		margin-top: 70px;
	}
	.section-generosite .part-3 .petit-chien{
		top: -80px;
		left: inherit;
		margin-left: -40px;
	}
	.section-generosite .part-3 .petit-chien.loaded{
		left: 50%;
	}

	/********************************************/
	.section-texte{
		padding: 0 0 40px 0;
		background: none;
	}
	.section-texte .section-img{
		display: block;
	}
	.section-texte .section-img .bloc-pattes{
		display: none;
	}

	.section-texte .content-texte h2 {
    	font-size: 20px;
    	line-height: 30px;
    	margin-bottom: 15px;
    }
    .section-texte .content-texte {
    	padding: 0;
    }
    .section-texte .content-texte h3 {
    	font-size: 14px;
    	line-height: 24px;
    }

    .section-parcours .section-img .traces-pattes{
    	bottom: -60px;
    }
    .section-accompagnement .section-img .traces-pattes{
    	bottom: -127px;
    	right: -30%;
    }
    .section-parcours .traces-pattes{
    	display: none;
    }
	
	/*********************************************/
	.section-avantages {
    	padding: 20px 0 50px 0;
	}
	.section-avantages h2 {
    	font-size: 20px;
    	line-height: 30px;
    	margin-bottom: 20px;
    }
    .section-avantages h4.bg-titre {
   		padding: 10px;
   	}
   	.section-avantages .pour-vous .contacts ul {
    	flex-direction: column;
	}
	.section-avantages .avantages-visu {
    	margin-top: 0;
    	padding-bottom: 30px;
    }

    .section-avantages .avantages-visu .fleche-g {
    	left: 25%;
    }
    .section-avantages .avantages-visu .fleche-d {
	    right: 33%;
	    top: inherit;
	    bottom: 0;
	    transform: rotate(125deg);
	}

	/********************************************/
	.section-histoires{
		padding: 0;
	}
	.section-histoires .item-histoire {
    	position: relative;
    	padding: 0;
	}
	.section-histoires .item-histoire h3 {
	    font-size: 20px;
	    line-height: 30px;
	}
	.section-histoires .item-histoire .content-texte {
    	padding: 30px 15px;
    	-webkit-box-shadow: none; 
		box-shadow: none;
    }
    .section-histoires .item-histoire .visuel-histoire{
    	width: 100%;
    	position: relative;
    	height: auto;
    }
    .section-histoires .item-histoire .visuel-histoire img{
		display: block;
		width: 100%;
	}
	.section-histoires .col-slider{
		padding-left: 0;
		padding-right: 0;
	}
	.section-histoires .item-histoire p {
	    padding-right: 0;
	    background: none;
	}
	.section-histoires .item-histoire h3{
		padding-right: 70px;
		background: url(../images/quote.svg) no-repeat center right;
	}
	/************************************************/

	.section-ffac{
		background: none;
		padding-bottom: 0;
	}
	.section-ffac .visuel-ffac{
		display: block;
	}
	.section-ffac .content-texte{
		padding: 15px 0;
	}
	.section-ffac .bloc-titre {
	    display: flex;
	    flex-direction: column-reverse;
	}
	.section-ffac h3 {
    	font-size: 18px;
    	line-height: 28px;
    }
    .section-ffac .bloc-titre ul {
	    display: flex;
	    align-items: center;
	    justify-content: flex-start;
	    margin-bottom: 0;
	}
	.section-ffac .bloc-btn {
	    margin-bottom: 50px;
	}
	.section-ffac .chiffres .item-chiffre {
	    margin-bottom: 40px;
	}

	/***************************************************/
	.footer{
		text-align: center;
	}
	.menu-footer {
		margin-top: 20px;
	    align-items: center;
	    justify-content: center;
	}
}