@charset "UTF-8";

/*  ==============================
	
	MIKE'S GRIDWORK (MPA GRIDWORK)
	Michal Pechardo
	Version 4.5
	www.michalpechardo.com
	
==============================  */   

/*  ---------------------------------------------------------------------------------------
    GRID 1236px
    --------------------------------------------------------------------------------------- */ 
	.container-12        	{ margin:0 auto; max-width:1236px; }

	.header-section			{ padding-right:60px; }
	.larger-margin 			{ padding-right:20px; }
	.about-section			{ padding-right:20px; }

	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11
							{ display:inline; float:left; margin-left:0px; margin-right:10px; }

	.container-12 .grid-1               { width:83px; }
	.container-12 .grid-2               { width:186px; }
	.container-12 .grid-3               { width:289px; }
	.container-12 .grid-4               { width:392px; }
	.container-12 .grid-5               { width:495px; }
	.container-12 .grid-6               { width:598px; }
	.container-12 .grid-7               { width:701px; }
	.container-12 .grid-8               { width:804px; }
	.container-12 .grid-9               { width:907px; }
	.container-12 .grid-10              { width:1010px; }
	.container-12 .grid-11              { width:1113px; }
	.container-12 .grid-12              { width:1216px; }

/*  ---------------------------------------------------------------------------------------
    GRID 960px (DESKTOP)
    --------------------------------------------------------------------------------------- */
	@media only screen and (min-width: 960px) and (max-width: 1236px) {
	   
	.container-12        	{ width: auto; }x

	.header-section			{ padding-right:0px; }

	.container-12 .grid-1               { width:60px; }
	.container-12 .grid-2               { width:140px; }
	.container-12 .grid-3               { width:220px; }
	.container-12 .grid-4               { width:300px; }
	.container-12 .grid-5               { width:380px; }
	.container-12 .grid-6               { width:460px; }
	.container-12 .grid-7               { width:540px; }
	.container-12 .grid-8               { width:620px; }
	.container-12 .grid-9               { width:700px; }
	.container-12 .grid-10              { width:780px; }
	.container-12 .grid-11              { width:860px; }
	.container-12 .grid-12              { width:940px; }

	.desktop .grid-5					{ width:400px; }
	.desktop-about .grid-5				{ width:450px; }

	}
	
/*  ---------------------------------------------------------------------------------------
    GRID 720px (TABLET)
    --------------------------------------------------------------------------------------- */ 
	@media only screen and (min-width: 720px) and (max-width: 959px) {
	   
	.container-12				       	{ width:90%; }
	
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16
									   	{ width:100%; margin-left:0px; margin-right:0px; }
									   
	.alpha                              { margin-left:0; }
	.omega                              { margin-right:0; }
	.beta                               { margin-left:0; margin-right:0; }
	
 	.container-12 .grid-1, .container-12 .grid-2, .container-12 .grid-3, .container-12 .grid-4, .container-12 .grid-5, .container-12 .grid-6, .container-12 .grid-7, .container-12 .grid-8, .container-12 .grid-9, .container-12 .grid-10,
	.container-12 .grid-11, .container-12 .grid-12
									   { width:100%; }
	
	}
	
/*  ---------------------------------------------------------------------------------------
    GRID (IT) 720px (MOBILE)
    --------------------------------------------------------------------------------------- */ 
	@media only screen and (max-width: 719px) {
	   
	.container-12				       	{ width:90%; }
	
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16
									   	{ width:100%; margin-left:0px; margin-right:0px; }
									   
	.alpha                              { margin-left:0; }
	.omega                              { margin-right:0; }
	.beta                               { margin-left:0; margin-right:0; }
	
 	.container-12 .grid-1, .container-12 .grid-2, .container-12 .grid-3, .container-12 .grid-4, .container-12 .grid-5, .container-12 .grid-6, .container-12 .grid-7, .container-12 .grid-8, .container-12 .grid-9, .container-12 .grid-10,
	.container-12 .grid-11, .container-12 .grid-12
									   { width:100%; }
	}

/*  ---------------------------------------------------------------------------------------
    RESPONSIVE IMAGES
    --------------------------------------------------------------------------------------- */ 
	img.scale, img.responsive           { max-width:100%; height:auto; }