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

	/*********************
	/*  main-stuff
	/*********************/	
	h2{
		font-size: 22px;
		margin-bottom: 15px;
	}




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

	.main-nav a{
	    font-size: 14px;
	}
	




	/*********************
	/*  accueil
	/*********************/
	.accueil-container{    
	    width: 95%;
	    height: 40%;
	    position: relative;
	    margin: 30% auto 0;
	}
	#avatar{
	    width: 90%;
	    left: 5%;
	}
	#title-layer1{
	    stroke: #222;
	    stroke-width: 8.5;
	}
	.sub-title{
		font-size: 60px;
	}





	/*********************
	/*  projets
	/*********************/
	.projet-title{
		font-size: 13px;
		padding: 8px 0;
	}
	.option-button{
	    font-size: 50px;
	}



	
	/*********************
	/*  comment
	/*********************/
	.medium-text{
		font-size: 16px;
	}

}