/* Mobile */
@media (max-width: 568px)
{
	nav
	{
		display: none;
	}

	/* Bannière */


	h2
	{
		font-family: Merienda-Bold !important;
		font-size: 55px !important;
	}

	h1
	{
		font-family: OpenSans-Light !important;
		font-size: 30px !important;
	}

	#decouvrir
	{
		font-family: OpenSans-Light !important;
		font-size: 30px !important;
		position: absolute;
		width: 100%;
		left:50%;
		top:50%;
		transform: translate(-50%,-50%);
	}

	/* Articles */ 

	section
	{
		min-height: 100%;
		overflow:hidden;
		position:relative;
		background-color: #363636;
	}

	article>.row
	{
		position: relative;
		overflow: hidden;
	}

	.article-texte-div
	{
		height:60%;
		padding: 0 15%;
	}

	#bio
	{
		margin-top:90%;
	}


	#photo-profil
	{
		max-width:35%;
		height:auto;
		z-index: 200; 
		left:50%; 
		transform: translateX(-50%); 
		position:absolute; 
		top:12%; border: 
		solid 3px #cc9966;
	}

	#photo-profil>img
	{
		max-width: 100%; 
		object-fit: cover !important;
	}

	
	.image-article
	{
	
		padding: 0 !important;
	}

	.image-article>img
	{
		height:100%;
		/*height:100%;*/ 
		object-fit: cover !important; 
		max-width: 100%;
	}

	/* Footer */


	#contactez-footer-div-mobile
	{
		
		border: solid 1px #ff9966;
		transition: border-color 0.5s;
		text-align: center;
		border-radius: 45px;
		cursor:pointer;
		height:50px;

	}

	#contactez-footer-div-mobile:hover
	{
		border-color: white;
		transition: border-color 0.5s;

	}


	#contactez-footer-mobile
	{
		font-family: Merienda !important;
		font-size: 22px !important;
		color:white;
		position: relative;
		transform: translate(-50%,0);
		top:10%;

	}

	#row-contactez
	{
		height:80%; 
		width:100%; 
		margin:0; 
		top:100%; 
		position: absolute;
	}


	#contenu-footer
	{
		height:60%;
		width:100%;
		margin:0;
		position: relative;
	}

	#copyright-footer
	{
		height:20%;
		width: 100%;
		position: absolute;
		bottom : 0px;
		margin:0px;
		background-color: #605243;
	}

	#copyright
	{
		position: absolute;
		font-family: OpenSans-Light !important;
		font-size: 22px !important;
		color: white;
		display: block;
		width: 100%;
		top: 50%;
		text-align: center;
	  	transform: translate(0,-50%);
	}


}