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

	/*********************
	/*  header
	/*********************/
	.main-nav{
		padding-top: 0;
	}
	.main-nav li{
	    padding: 10px 4% 4px;		
	}

	.main-nav a{
	    font-size: 14px;
	    padding: 10px 0 3px;
	    border-bottom: 2px solid #fff;
	}
	.main-nav a:hover, .main-nav a:active{
		border-bottom: 2px solid #222;
	}



	/*********************
	/*  accueil
	/*********************/
	.accueil-container{    
	    width: 90%;
	    height: 40%;
	    position: relative;
	    margin: 0 auto;
	}
	#avatar{
	    width: 86%;
	    left: 7%;
	}
	#title-layer1{
	    stroke: #222;
	    stroke-width: 7;
	}


}