/* #Media Queries
================================================== */

/* -------------------------------------------------------------------
Layout Guide
----------------------------------------------------------------------

0	1200 -1590
1 	993 - 1200
2	-> 992			Smaller than standard 992 (devices and browsers)
3	768 - 992		Tablet Portrait size to standard 960 (devices and browsers)
4	-> 767			All Mobile Sizes (devices and browser)
5	480 - 767		Mobile Landscape Size to Tablet Portrait (devices and browsers)
6	-> 479			Mobile Portrait Size to Mobile Landscape Size (devices and browsers)



 */



/* ---------------------------------------------------------------------- */
/*	1201 - 1590
/* ---------------------------------------------------------------------- */
	@media screen and (min-width: 1201px) and (max-width: 1590px) {
		
		h1 {
    		font-size: 6em;
		}
		
		header h2 {
			font-size: 1.35em;
		}
		
		

	}
	
	


/* ---------------------------------------------------------------------- */
/*	993 - 1200
/* ---------------------------------------------------------------------- */
	@media screen and (min-width: 993px) and (max-width: 1200px) {
		
		h1 {
    		font-size: 4.8em;
		}
		
		header h2 {
			font-size: 1.1em;
		}
		
		body.single .content_bloc h2 {
			font-size: 1.8em;
			line-height: 1.1em;
		}

		body.single .content_bloc h3 {
			font-size: 1.6em;
			line-height: 1.1em;
		}
		
		body.single .content_bloc h4 {
			font-size: 1.4em;
		}
		
		body.single p, body.single ul {
			font-size: 1.1em;
			
		}
		
		.content_bloc, .content_bloc.last {
			width: 80%;
			padding: 2%;
			margin: 0 8%;
			margin-bottom: 20%;
			padding-bottom: 8%;
			
		}

	}
	
	

	
/* ---------------------------------------------------------------------- */
/*	-> 992
/* ---------------------------------------------------------------------- */
	
	/* Smaller than standard 992 (devices and browsers) */
	@media only screen and (max-width: 992px) {
		
		h1 {
    		font-size: 3.8em;
		}
		
		header h2 {
			font-size: 0.85em;
		}
		
		body.single .content_bloc h2 {
			font-size: 1.8em;
			line-height: 1.1em;
		}

		body.single .content_bloc h3 {
			font-size: 1.6em;
			line-height: 1.1em;
		}
		
		body.single .content_bloc h4 {
			font-size: 1.4em;
		}
		
		body.single p, body.single ul {
			font-size: 1.1em;
			
		}

		.content_bloc, .content_bloc.last {
			width: 78%;
			padding: 3%;
			margin: 0 8%;
			margin-bottom: 20%;
			padding-bottom: 8%;
			
		}
	
	}
	
/* ---------------------------------------------------------------------- */
/*	768 - 992
/* ---------------------------------------------------------------------- */	

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 992px) {
		
		
		h1 {
    		font-size: 3.8em;
		}
		
		header h2 {
			font-size: 0.85em;
		}
		
		body.single .content_bloc h2 {
			font-size: 1.8em;
			line-height: 1.1em;
		}

		body.single .content_bloc h3 {
			font-size: 1.6em;
			line-height: 1.1em;
		}
		
		body.single .content_bloc h4 {
			font-size: 1.4em;
		}
		
		body.single p, body.single ul {
			font-size: 1.1em;
			
		}
		
		.content_bloc, .content_bloc.last {
			width: 78%;
			padding: 3%;
			margin: 0 8%;
			margin-bottom: 20%;
			padding-bottom: 8%;
			
		}
		
		
		
	}

	
	
/* ---------------------------------------------------------------------- */
/*	-> 767
/* ---------------------------------------------------------------------- */
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		h1 {
    		font-size: 4em;
		}
		
		header h2 {
			font-size: 0.9em;
		}
		
		
		
		.content_bloc, .content_bloc.last {
			width: 78%;
			padding: 3%;
			margin: 0 8%;
			margin-bottom: 20%;
			min-height: 100%;			
		}	

		
		
	}

/* ---------------------------------------------------------------------- */
/*	480 - 767
/* ---------------------------------------------------------------------- */	
		
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		h1 {
    		font-size: 2.4em;
		}
		
		header h2 {
			
			font-size: 0.82em;
		}
		
		body.single .content_bloc h2 {
			font-size: 1.6em;
			line-height: 1.1em;
		}

		body.single .content_bloc h3 {
			font-size: 1.4em;
			line-height: 1.1em;
		}
		
		body.single .content_bloc h4 {
			font-size: 1.2em;
		}
		
		body.single p, body.single ul {
			font-size: 0.9em;
			
		}
		
		
		.content_bloc , .content_bloc.last{
		width: 78%;
		padding: 3%;
		padding-bottom: 12%;
		}
		
		
		
		footer {
			font-size: 9px;
		}
		
		footer span.left, footer span.middle, footer span.right {
			font-size: 9px;
			width: 100%;
			text-align: center;
		}
		
	}

/* ---------------------------------------------------------------------- */
/*	-> 479
/* ---------------------------------------------------------------------- */		
	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		h1 {
    		font-size: 1.8em;
		}
		
		header h2 {
			
			font-size: 0.82em;
		}
		
		body.single .content_bloc h2 {
			font-size: 1.6em;
			line-height: 1.1em;
		}

		body.single .content_bloc h3 {
			font-size: 1.4em;
			line-height: 1.1em;
		}
		
		body.single .content_bloc h4 {
			font-size: 1.2em;
		}
		
		body.single p, body.single ul {
			font-size: 0.9em;
			
		}
		
		
		.content_bloc, .content_bloc.last {
			padding: 3%;
			padding-bottom: 12%;
		}
		
			
		footer span.left, footer span.middle, footer span.right {
			font-size: 9px;
			width: 100%;
			text-align: center;
		}
		
		
	}