/* TELEFONY KOMÓRKOWE - OD 0px */
	@media all and (min-width: 0px){
        .workspace{width: 90% !important;}
        .workspaceLong{width: 90% !important;}
        section{padding:20px 0px 50px 0px;}
        section.section-initial{padding:0px 0px 30px 0px;}
        
        #logo{width:200px; background-size:200px auto;}
        #main-menu{display:none;}
        #mobile-main-menu{display:block;}
        #mobile-main-menu{width:50px; background-size:50px auto;}
        #subpage .subpageHeader{top: 85px; left:-10%; right:auto; margin:auto; width:100%;}
        #subpage .subpageHeader p b{font-size: 37px;}
        
        #tiles .tiles-area{height: 350px;}
        #tiles .tiles-area.tiles-area-1 {width: 100%;}
        #tiles .tiles-area.tiles-area-2 {width: 100%;}
        #tiles .tiles-area.tiles-area-3 {width: 100%;}
        #tiles .tiles-area.tiles-area-4 {width: 100%;}
        #tiles .tiles-area.tiles-area-3 .tile-6-alternative {display: none;}
        
        #about .aboutTile{width: 100%;}
        #about .aboutContent{width: 100%;}
        #about .aboutBigTile.aboutBigTileYellow, #about .aboutBigTile.aboutBigTileBlack{width: 100%;}
        
        #realization ul li .realizationImage, #realization ul li .realizationInfo{width:100%;}
        #realization ul li { width: 100%;}
        
        #coop .coopBlock{width:100%; padding-bottom:60px; height:auto;}
        
        #team ul li { width: 98%; height: 300px;}
                
        #contactForm form{width:100%;}
        #contactForm .contact{margin:0px auto auto auto; width:100%;}
        #contactForm .contact .contactDetails p{width: 100%; text-align:center}
        #contactForm .contact .contactDetails p:nth-child(even){text-align: center;}
        #contactForm .contact .contactDetails p span{font-size:26px;}
        #contactForm .contact .contactAdditional p{width:100%; font-size: 21px;}
        #contactForm .contact .contactAdditional p:first-child{text-align:center;}
        #contactForm .contact .contactAdditional p:last-child{text-align:center;}
	}
	
	/* SMARTFONY - POWYŻEJ 480px */
	@media all and (min-width: 480px){	
        .workspace{width: 85% !important;}
        .workspaceLong{width: 85% !important;}
        section.section-initial{padding:0px 0px 30px 0px;}
        
        #logo{width:240px; background-size:240px auto;}
        #mobile-main-menu{width:65px; background-size:65px auto;}
        #subpage .subpageHeader{top: 85px; left:-15%; right:15%; margin:auto; width:405px;}
        #subpage .subpageHeader p b{font-size: 42px;}
        
        #tiles .tiles-area{height: 450px; height: 250px;}
        
        #about .aboutTile{width: 100%;}
        #about .aboutContent{width: 100%;}
        #about .aboutBigTile.aboutBigTileYellow, #about .aboutBigTile.aboutBigTileBlack{width: 100%;}
        
        #realization ul li .realizationImage, #realization ul li .realizationInfo{width:100%;}
        #realization ul li .realizationInfo .realizationTitle{font-size:34px;}
        
        #coop .coopBlock{width:100%; padding-bottom:60px; height:auto;}
                
        #team ul li { width: 48%;}
        
        #contactForm form{width:100%;}
        #contactForm .contact{margin:0px auto auto auto; width:100%;}
        #contactForm .contact .contactDetails p{width: 50%; text-align:justify;}
        #contactForm .contact .contactDetails p:nth-child(even){text-align: right;}
        #contactForm .contact .contactDetails p span{font-size:26px;}
        #contactForm .contact .contactAdditional p{width:33%; font-size: 21px;}
        #contactForm .contact .contactAdditional p:first-child{text-align:left;}
        #contactForm .contact .contactAdditional p:last-child{text-align:right;}
	}
	
	/* TABLETY - POWYŻEJ 640px */
	@media all and (min-width: 640px){
        .workspace{width: 85% !important;}
        .workspaceLong{width: 85% !important;}
        section.section-initial{padding:20px 0px 30px 0px;}
        
        #logo{width:275px; background-size:275px auto;}
        #subpage .subpageHeader{top: 85px; left:-15%; right:15%; margin:auto;}
        
        #tiles .tiles-area.tiles-area-1 {width: 60%;}
        #tiles .tiles-area.tiles-area-2 {width: 39%;}
        #tiles .tiles-area.tiles-area-3 {width: 60%;}
        #tiles .tiles-area.tiles-area-4 {width: 39%;}
        
        #about .aboutTile{width: 100%;}
        #about .aboutContent{width: 100%;}
        #about .aboutBigTile.aboutBigTileYellow, #about .aboutBigTile.aboutBigTileBlack{width: 100%;}
        
        #realization ul li .realizationInfo .realizationTitle{font-size:48px;}
        #realization ul li { width: 46.8%;}
        #team ul li { width: 31%;}
        
        #coop .coopBlock{width:100%; padding-bottom:60px; height:auto;}
        
        #contactForm form{width:100%;}
        #contactForm .contact{margin:0px auto auto auto; width:100%;}
        #contactForm .contact .contactDetails p span{font-size:30px;}    
        #contactForm .contact .contactAdditional p{font-size: 24px;}
	}
	/* TABLETY - POWYŻEJ 800px */
	@media all and (min-width: 800px){
        #tiles .tiles-area{height: 500px;}
	}
	
	/* KOMPUTERY PC -  POWYŻEJ 1000px */
	@media all and (min-width: 1000px){
        .workspace{width: 978px !important;}
        .workspaceLong{width: 978px !important;}
        section.section-initial{padding: 10px 0px 30px 0px;}
        
        #logo{width:240px; background-size:240px auto;}
        #main-menu{display:block;}
        #mobile-main-menu{display:none;}
        #subpage .subpageHeader{top: 85px; left:188px; right:auto;}
        
        #tiles {width: 978px;}
        
        #about .aboutTile{width: 18%;}
        #about .aboutContent{width: 80%;}
        #about .aboutBigTile.aboutBigTileYellow, #about .aboutBigTile.aboutBigTileBlack{width: 49.5%;}
        
        #realization ul li { width: 30%;}
        #team ul li { width: 18%;}
        
        #coop .coopBlock{width:74%; height:300px;}
        
        #contactForm form{width: 35%;}
        #contactForm .contact{margin: 80px auto auto auto; width: 55%;}
	}
	
	/* KOMPUTERY PC -  POWYŻEJ 1200px */
	@media all and (min-width: 1200px){	
        .workspaceLong{width: 1050px !important;}
        #logo{width:240px; background-size:240px auto;}
        
        #tiles {width: 100%;}
        #tiles .tiles-area{height: 500px;}
        #tiles .tiles-area.tiles-area-1 {width: 35%;}
        #tiles .tiles-area.tiles-area-2 {width: 29%;}
        #tiles .tiles-area.tiles-area-3 {width: 35%;}
        #tiles .tiles-area.tiles-area-4 {display: none;}
        #tiles .tiles-area.tiles-area-3 .tile-6-alternative {display: table;}
	}
	
	/* KOMPUTERY PC -  POWYŻEJ 1400px */
	@media all and (min-width: 1400px){	
        .workspaceLong{width: 1150px !important;}
        section.section-initial{padding: 40px 0px 30px 0px;}
        
        #tiles .tiles-area{height: 600px;}
	}
	
	/* KOMPUTERY PC -  POWYŻEJ 1600px */
	@media all and (min-width: 1600px){
        .workspaceLong{width: 1300px !important;}
        section{padding:30px 0px 50px 0px;}
        
        #tiles .tiles-area.tiles-area-1{ width: 27.7% }
        #tiles .tiles-area.tiles-area-2{ width: 21.7% }
        #tiles .tiles-area.tiles-area-3{ width: 28.7% }
        #tiles .tiles-area.tiles-area-4{ display: inline-block; width: 20.7% }
        #tiles .tiles-area.tiles-area-3 .tile-6-alternative {display: none;}
	}