/* Media queries */
	@media screen and (max-width:1824px){
		html{
			-webkit-text-size-adjust: none;
		}						





	
	}
	
	@media screen and (max-width:970px){
		html{
			-webkit-text-size-adjust: none;
		}


		/*font treatment*/


		h1{
			font-size: 1.5em;
		}

		p{
			font-size: 1em;
		}



		/* image treatment */

		img.logo{
			width:40%;	
			padding-top: 2em;
			padding-bottom: 1em;
		}

		img.svg{

			width:1.25em;
		}

		img.portfolio{


		}

		/* Section */

		.title{

			height: 2.5em;
		}


		/* Portfolio */

		.works{

			padding-top: 0.65em;
		}

		.work{
			
			height:25em;
			width:100%;
			background-size: contain;
			

		}






	}
	
	@media screen and (max-width:640px){
		html{
			-webkit-text-size-adjust: none;
		}
		/* image treatment */

		img.logo{
			width:60%;					
			padding-top: 2em;
			padding-bottom: 0.25em;
		}
	  	
	  	img.svg{

			width:1.10em;
		}
		
		img.portfolio{

			
		}

		/*font treatment*/

	  	h1{
	  		font-size: 1.25em;
	  	}

	  	p{
			font-size: 0.85em;
		}

		/* Section */

		.title{
			
			padding-left: 0.5em;
			padding-right: 0.5em;

			top:-1.75em;
		}

		/* Portfolio */

		.works{

			padding-top: 0.35em;
		}

		.work{

			height:25em;
			width:100%;
			background-size: contain;

		}


	
	}

	@media screen and (max-width:320px){
		
		.beforeline{
		border-width: 0.05em;
		}

	}

	@media screen and (max-width:310px){
	
		.containers{

			width: 100%;


		}
		.beforeline{
		border-width: 0.1em;
		min-width:75%;
		}

	}