/*

	
	COMMITY TEMPLATE V1.0 BY SUPVIEW.BE
	

	01. FONT FACE
	02. GENERALS SETTINGS
	03. NAVIGATION SETTINGS
	04. HEADER SETTINGS
	05. METHOD SETTINGS
	06. AGENCY SETTINGS
	07. WORKS SETTINGS
	08. CLIENTS SETTINGS
	09. CREW SETTINGS
	10. INTERSECTION ( START TODAY PARALLAX BG )
	11. LATEST POSTS SETTINGS
	12. TWITTER FEED
	13. CONTACT INFO SETTINGS
	14. MAIL US SETTINGS
	15. FOOTER SETTINGS
	16. MEDIA QUERIES 

*/




/* 01. FONT FACE ================================================== */



@font-face{ 
	font-family: 'arquitecta';
	src: url('arquitectalight-webfont.eot');
	src: url('arquitectalight-webfont.eot?#iefix') format('embedded-opentype'),
	     url('arquitectalight-webfont.woff') format('woff'),
	     url('arquitectalight-webfont.ttf') format('truetype'),
	     url('arquitectalight-webfont.svg#webfont') format('svg');
}
	
/* 02. GENERALS SETTINGS ================================================== */
		.scrollup{
			width:40px;
			height:40px;			
			text-indent:-9999px;
			opacity:0.3;
			position:fixed;
			bottom:50px;
			right:100px;
			display:none;			
			background: url('top.png') no-repeat;
		}


/* Container  */

.container {	
	position: relative;
	overflow: hidden;
}


body, html {
    background: #fffff;
    padding: 0;
    position: relative;
    height: 100%;
    margin: 0;
    }


h1 { /* nazwy prac siatka*/
    font-family: arquitecta;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-bottom: 20px;
    color: #7d7d7d;
	}

h2 { /* wstępniak */
    font-family: arquitecta;
    font-size: 70px;
    line-height: 80px;
    letter-spacing: 0px;
    text-transform: uppercase;
    padding-bottom: 20px;
    color: #7d7d7d;
    }

h3 { /* nagłówki */
    font-family: arquitecta;
    font-size: 30px;
    line-height: 28px;
    letter-spacing: 0px;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #7d7d7d;
	}
	
h6 { /* nagłówki */
    font-family: arquitecta;
    font-size: 30px;
    line-height: 28px;
    letter-spacing: 0px;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #7d7d7d;
	}


h4 { /* stopka */
    font-family: arquitecta;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #2d2d33;
	}

h5 {
    font-family: arquitecta;
    font-size: 120px;
    font-weight: normal;
    font-weight: 100;
    color:#FFF;
	}

#menu  {
  list-style: none;
  padding: 0;
  font-family: arquitecta;
  font-size: 20px;
  font-weight: 100;
  text-transform: uppercase;
}


/* Link */

a {

    color: #AAA;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a:hover {
    color: #64b7e3;
}  
	
/* Paragrah  Teskt Zwykły*/ 

sup { 
    vertical-align: super;
    font-size: smaller;
}


p {
    font-family: arquitecta;
    font-weight: 0;
    font-size: 18px;
    color: #919191;
}

p2 {
    font-family: arquitecta;
    font-weight: bold;
    font-size: 18px;
    color: #919191;
}


p.small {
    font-variant: small-caps;
}


p1 {
    font-family: arquitecta;
    font-weight: 0;
    font-size: 22px;
    letter-spacing: 0px;
    line-height:28px;
    color: #919191;
}


p a {
    color:#646464;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

p a:hover {
    color: #64b7e3;
}



/* 03. NAVIGATION SETTINGS ================================================== */



.navToggle {
  z-index: 9999;
  position: fixed;
  width: 50px;
  height: 50px;
  right: 100px;
  margin: 0 auto;
  top: 100px;
  cursor: pointer;
  background: #ffffff;
}

.navToggle:hover {
  background: #ffffff;
}

.navToggle .icon {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 22px;
  height: 2px;
  background-color: #1a1a1c;
}
.navToggle .icon:before,
.navToggle .icon:after {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  position: absolute;
  width: 22px;
  height: 2px;
  background-color: #1a1a1c;
  content: '';
}
.navToggle .icon:before {
  top: -8px;
  left: 0;
}
.navToggle .icon:after {
  top: 8px;
  left: 0;
}
.navToggle:hover .icon {
  background-color: #555;
}
.navToggle:hover .icon:before {
  top: -10px;
  background-color: #555;
}
.navToggle:hover .icon:after {
  top: 10px;
  background-color: #555;
}
.navToggle.open .icon {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  background-color: transparent;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.navToggle.open .icon:before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  background: rgba(32,35,38,0.7);
}
.navToggle.open .icon:after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: rgba(32,35,38,0.7);
}



/* Menu */


#menu {
    
    z-index: 999;
    left: 1%;
    right: 0;
    top: 25%;
    margin: 0 auto;
    position: fixed;    
  width: 400px;
  height: 0px;
  overflow: hidden;
  text-align: center;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

#menu a:first-child {
  margin-top: 0;
}

#menu a {
  margin: 30px 0;
  padding: 5px 0;
  cursor: pointer;

  letter-spacing: 0.5em;
  text-decoration: none;
  display: block;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
  opacity: 0;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);	
}

#menu a.active{
	opacity: 1;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);	
}


#menu.active {
  height: 320px;
}

/* Background Opacity */

.bgblack {
	width: 100%; 
	height: 0%; 
	background: #ffffff;
	position: fixed; 
	z-index: 999;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;}
	
.bgblack.active {
	display: block; 
	opacity: 1; 
	height: 100%; }



/* 04. HEADER SETTINGS ================================================== */




#header {
	background-size: 100%;
    background-color: #ffffff;
    height: 98%;
    position: relative;
}

/* Huge Title */

.huge-title {
    position: absolute;
    top: 15%;
    right: 45%;
    left: 15%;
    bottom:0;
    margin: auto;
    max-width: 100%;
    height: 300px;
    text-align: left;
    color: #2d2d33;\
    background: #ffffff;	}

.huge-title .logo {
	max-width: 160px;
	}





/* 07. WORKS SETTINGS ================================================== */



/* Background of each works */

.agata-container .work-header {
	background-image:url('../img/agata meble/agata tlo.jpg');
}

.blok-container .work-header {
	background-image:url('../img/blok/blok tlo.jpg');
}

.calatrava-container .work-header {
	background-image:url('../img/calatrava/calatrava tlo.jpg');
}

.coxy-container .work-header {
	background-image:url('../img/coxy/coxy tlo.jpg');
}

.tulipan-container .work-header {
	background-image:url('../img/czarny tulipan/tulipan tlo.jpg');
}

.katowice-container .work-header {
	background-image:url('../img/katowice/katowice tlo.jpg');
}

.kotowo-container .work-header {
	background-image:url('../img/kotowo/kotowo tlo.jpg');
}

.logo1-container .work-header {
	background-image:url('../img/logo 1/logo tlo.jpg');
}

.milo-container .work-header {
	background-image:url('../img/milo/milo tlo.jpg');
}

.beard-container .work-header {
	background-image:url('../img/beard/beard tlo.jpg');
}


.netia-container .work-header {
	background-image:url('../img/netia/netia tlo.jpg');
}

.network-container .work-header {
	background-image:url('../img/network 360/360 tlo.jpg');
}

.opakowania-container .work-header {
	background-image:url('../img/opakowania/opakowania tlo.jpg');
}


.smirnoff-container .work-header {
	background-image:url('../img/smirnoff/smirnoff tlo.jpg');
}

.sko-container .work-header {
	background-image:url('../img/sko/sko tlo.jpg');
}


.wrd-container .work-header {
	background-image:url('../img/wrd/wrd tlo.jpg');
}

.zdazyc-container .work-header {
	background-image:url('../img/zdazyc/zdazyc tlo.jpg');
}

.drewniaki-container .work-header {
	background-image:url('../img/drewniaki/drewniaki tlo.jpg');
}

.gnioty-container .work-header {
	background-image:url('../img/gnioty/gnioty tlo.jpg');
}

#works{
  	max-width:100%;
  	background: #ffffff;

}

.grid {
	max-width: 100%;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.grid li {
	display: inline-block;
	max-width: 34.1%;
	margin: 0;
	text-align: left;
	position: relative;
	margin: -10px;
	
}

.grid figure {
	margin: 0;
	position: relative;
	cursor: pointer;
}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #FFF;
	color: #ed4e6e;
}

.grid figcaption h1 {
	text-align: center;
	top:50%;
	position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.grid figcaption h1::after {
	content:"";
	width:30px;
	margin: auto;
	height:1px;
	margin:20px auto;
	background:#AEAEAE;
	display:block;
}


.grid figcaption h3 {
	text-align: center;
	top:50%;
	position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	color: #2d2d33;
}

.grid figcaption h3::after {
	content:"";
	width:20px;
	margin: auto;
	height:3px;
	margin:20px auto;
	background:#AEAEAE;
	display:block;
}

.grid figcaption .name {
    font-family: arquitecta;
    font-size: 16px;

    letter-spacing: 5px;
    text-transform: uppercase;
    padding-bottom: 20px;
	text-align: center;
	top:40%;
	position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	color: #AAA;
}


/* Caption */
.cs-style-3 figure {
	overflow: hidden;
}

.cs-style-3 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
	-webkit-transform: translateY(100%);
	-moz-transform:translateY(100%);
	-ms-transform: translateY(100%);
		transform: translateY(100%);
}

.cs-style-3 figcaption {
	height: 100%;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 1;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s; 
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(-0%);
	-moz-transform: translateY(-0%);
	-ms-transform: translateY(-0%);
	transform: translateY(-0%);
	-webkit-transition: -webkit-transform 0.4;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

/*  Shadow Effect  */

.shadow {
	position: fixed;
	background: rgba(255,255,255,0.90);
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
	overflow: hidden;
	overflow-x: hidden;
}

/*  Close Button  */

.closex {
  background: #FFF;
  z-index: 99999;
  position: fixed;
  width: 50px;
  height: 50px;
  right: 100px;
  margin: 0 auto;
  top: 100px;
	cursor:pointer;
}

.closex .inner-closex {
 	background:url("../img/closex.png");	
 	background-size:cover;
 	width: 100%;
 	height: 100%;
 		transition:ease-in-out all .33s;
	-webkit-transition:ease-in-out all .33s;
	-moz-transition:ease-in-out all .33s;
	-o-transition:ease-in-out all .33s;
}

.closex:hover > .inner-closex {
	opacity:0.5;
	
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
}


/*  Down Button  */

.down {
  background: #FFF;
  z-index: 99999;
  position: fixed;
  width: 50px;
  height: 50px;
  
  left: 49%;
  margin: 0 auto;
  bottom: 30px;
  cursor:pointer;
}

.down .inner-down {
 	background:url("../img/down.png");	
 	background-size:cover;
 	width: 100%;
 	height: 100%;
 	transition:ease-in-out all .33s;
	-webkit-transition:ease-in-out all .33s;
	-moz-transition:ease-in-out all .33s;
	-o-transition:ease-in-out all .33s;
}

.down:hover > .inner-down {
	opacity:0.5;
	
	transform:scale(1.2,1.2) translateY(5px);
	-webkit-transform:scale(1.2,1.2) translateY(5px);
	-moz-transform:scale(1.2,1.2) translateY(5px);
	-o-transform:scale(1.2,1.2) translateY(5px);
}


/* Work Header */

.work-header {
	width: 100%;
	height: 100%;
	background: #ffffff;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.work-header h1{
	top:50%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: relative;
  	color: #FFF;
	font-size:80px;
	letter-spacing: 10px;
	line-height: auto;
}


.work-header h3{
	top:50%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: relative;
  	color: #FFF;
	font-size:80px;
	letter-spacing: 10px;
	line-height: auto;
}

/*  Work Content  */

.work-content {
	background: #FFF;
	position: fixed;
	z-index: 9999;
	overflow: auto;
	height: 100%;
	width: 100%;
	top:0;
	right: 0;
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
	transform: translate3d(0%,0%,0);
    -webkit-transform: translate3d(0%,-100%,0);
    -moz-transform: translate3d(0%,-100%,0);
    -ms-transform: translate3d(0%,-100%,0);
    -o-transform: translate3d(0%,-100%,0);
	-webkit-backface-visibility: hidden;
}

.content-tlo {
	background: #ffffff;
	width:100%;
	height:100%
}

.content-header {
	background: #FFF;
	-webkit-backface-visibility: hidden;
	 max-width:1100px;
	 margin:0px auto auto auto;
     text-align:left;
}

.content-txt {
	background: #FFF;
	-webkit-backface-visibility: hidden;
	 max-width:1100px;
	 margin:0px auto auto auto;
     text-align:left;
}

.content-header h1 {
	padding: 0;
}

.content-header h3 {
	padding: 80px 0px 0px 0px;
}

.content-header hr {
    background:  #eee;
    border: medium none;
    height: 1px;
    margin: 100px auto;
    text-align: center;
    width: 30%;
}

.info {
background:#ffffff ; /* info pracy */
padding: 0px 0px 0px 0px;
}

.go-down {
	font-size:20px;
	position:absolute;
	right:0;
	bottom:10px;
	left:0;
	text-align:center;
	margin:auto;
	width:100%;
	height:50px;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}




.content-header .category {
    text-transform: uppercase;
    padding: 10px 0px;
    padding-bottom: 40px;
    word-spacing: 6px;

}


.screenshots img {
margin-top:50px;
margin-bottom:5px
	
}

.screenshots img:first-child {margin-top:100px;}
.screenshots img:last-child {margin-bottom:120px;}


/*  Show Class  */

.show{
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
 }
 

 

/* 05. METHOD SETTINGS  ======== KOMPETENCJE ================================================== */

#method {
    position: relative;
    padding: 0px 21% 50px 21%;
    margin-top: 0px;
	background:#ffffff;
	}

#method p {
	text-align: center;
text-transform: uppercase;
	}
	
#method h3 {
	text-align: left;
	}
	
#method h6 {
	text-align: center;
	}



#method .whatwedo {
	text-align: left;
	padding:0px 0px;

	}

#method .img-ico {
	padding:10px 20px 0px 0px;
	text-align: center;
	}



/* 08. O MNIE  ================================================== */

#omnie {
    position: relative;
    padding: 77px 21% 50px 21%;
    margin-top: 0px;
    background:#ffffff;
	}

#omnie .omnie_img {
	text-align: right;
	margin-top: 3px;
    }

#omnie .omnie_text {
	text-align: left;
	margin-bottom:25px;
	}
	
/* 08. NAGRODY  ================================================== */

#nagrody {
    position: relative;
    padding: 0px 21% 80px 21%;
    margin-top: 0px;
    background:#ffffff;
	}

#nagrody .nagrody_text {
	text-align: left;
	margin-bottom:25px;
	line-height:25px;
	}


/* 13. CONTACT INFO SETTINGS ================================================== */



#contact_info {
	padding: 60px 15% 60px 15%;
	background: black;
	text-align: center;
}

#contact_info H4 {
	font-size:18px;
	padding-bottom: 5px;
	color: #b7b7b7;
}

#contact_info p {
	line-height: 24px;
	font-size:20px;
	color: #FFF;

}

#contact_info p a{
	color: #FFF;
}

#contact_info p a:hover {
    color: #64b7e3;
}

    

            
/* 16. MEDIA QUERIES  ====================================================================================================================================================== */



@media screen and (max-width: 768px)
and (orientation : portrait) {



.navToggle {
  right: 50px;
  top: 50px;
}

.closex {
  right: 50px;
  top: 50px;
}


.agata-container .work-header {
	background-image:url('../img/agata meble/agata tlo kom.jpg');
}

.blok-container .work-header {
	background-image:url('../img/blok/blok tlo kom.jpg');
}

.calatrava-container .work-header {
	background-image:url('../img/calatrava/calatrava tlo kom.jpg');
}

.coxy-container .work-header {
	background-image:url('../img/coxy/coxy tlo kom.jpg');
}

    .drewniaki-container .work-header {
	background-image:url('../img/drewniaki/drewniaki tlo kom.jpg');
}
    
    .gnioty-container .work-header {
	background-image:url('../img/gnioty/gnioty%20tlo%20kom.jpg');
}

.tulipan-container .work-header {
	background-image:url('../img/czarny tulipan/tulipan tlo kom.jpg');
}


.kotowo-container .work-header {
	background-image:url('../img/kotowo/kotowo tlo kom.jpg');
}

.logo1-container .work-header {
	background-image:url('../img/logo 1/logo tlo kom.jpg');
}

.milo-container .work-header {
	background-image:url('../img/milo/milo tlo kom.jpg');
}

.netia-container .work-header {
	background-image:url('../img/netia/netia tlo kom.jpg');
}

.network-container .work-header {
	background-image:url('../img/network 360/360 tlo kom.jpg');
}

.smirnoff-container .work-header {
	background-image:url('../img/smirnoff/smirnoff tlo kom.jpg');
}

.zdazyc-container .work-header {
	background-image:url('../img/zdazyc/zdazyc tlo kom.jpg');
}

.katowice-container .work-header {
	background-image:url('../img/katowice/katowice tlo kom.jpg');
}

.sko-container .work-header {
	background-image:url('../img/sko/sko tlo kom.jpg');
}

.beard-container .work-header {
	background-image:url('../img/beard/beard tlo kom.jpg');
}

.opakowania-container .work-header {
	background-image:url('../img/opakowania/opakowania tlo kom.jpg');
}


.wrd-container .work-header {
	background-image:url('../img/wrd/wrd tlo kom.jpg');
}



p {	font-size:20px}

/* menu */


#menu  {
  font-size: 20px;
}

/* Wstepniak */
h2 { 
    font-size: 40px;
    line-height: 45px;
    padding-bottom: 18px;
    }
    

#header {
    height: 90%;
}

.huge-title {
    top: 10%;
    right: 20%;
	}

/* Prace siatka */

.grid li {
    display: inline-block;
    margin: -8px;
    position: relative;
    text-align: left;
    max-width: 100%;
}


/* O MNIE  */

#omnie {
    position: relative;
    padding: 50px 8% 0px 8%;}
    
/* NAGRODY  */

#nagrody {
    position: relative;
    padding: 0px 8% 0px 8%;}



/* KOMPETENCJE */

h6 {
	font-size:25px
}



#method {
    padding: 0px 8% 60px 8%;
	}

#method .img-ico {
	padding:1px 1px 1px 1px;
	text-align: center;
	}

	
/* stopka */    
#contact_info H4 {
	font-size:30px;
	line-height:33px;
	padding-bottom: 5px;
	color: #b7b7b7;
}

#contact_info p {	
	font-size:28px;
	line-height:33px
}

.insta {
margin-top:30px
	
}

	
/* strona pracy*/

	
.content-txt {
	background: #FFF;
	-webkit-backface-visibility: hidden;
	 max-width:86%;
     text-align:left;
}

.info {
background:#ffffff ; /* info pracy */
padding: 15px 0px 0px 0px;
}

.work-header {
	background-attachment: scroll;
	background-size: cover;
}


}

/* Media Queries for iPhone in landscape--------------------------------------------------------------------------------------------- */
@media screen and (max-width: 768px)
and (orientation : landscape) {



.navToggle {
  right: 50px;
  top: 50px;
}

.closex {
  right: 50px;
  top: 50px;
}



p {	font-size:18px}

/* menu */


#menu  {
  font-size: 20px;
      top: 5%;
}

/* Wstepniak */
h2 { 
    font-size: 40px;
    line-height: 45px;
    padding-bottom: 18px;
    }
    

#header {
    height: 90%;
}

.huge-title {
    top: 10%;
    right: 20%;
	}

/* Prace siatka */

.grid li {
    display: inline-block;
    margin: -8px;
    position: relative;
    text-align: left;
    max-width: 100%;
}


/* O MNIE  */

#omnie {
    position: relative;
    padding: 50px 8% 0px 8%;}
    
/* NAGRODY  */

#nagrody {
    position: relative;
    padding: 0px 8% 0px 8%;}



/* KOMPETENCJE */

h6 {
	font-size:25px
}



#method {
    padding: 0px 8% 60px 8%;
	}

#method .img-ico {
	padding:1px 1px 1px 1px;
	text-align: center;
	}

	
/* stopka */    
#contact_info H4 {
	font-size:30px;
	line-height:33px;
	padding-bottom: 5px;
	color: #b7b7b7;
}

#contact_info p {	
	font-size:30px;
	line-height:33px
}

.insta {
margin-top:30px
	
}

	
/* strona pracy*/

	
.content-txt {
	background: #FFF;
	-webkit-backface-visibility: hidden;
	 max-width:86%;
     text-align:left;
}

.info {
background:#ffffff ; /* info pracy */
padding: 15px 0px 0px 0px;
}

.work-header {
	background-attachment: scroll;
	background-size: cover;
}


}


/* Media Queries for iPad in Portrait--------------------------------------------------------------------------------------------- */

@media screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) { 


/* Ogólne */



p {	font-size:20px}

/* menu */
#menu  {
  font-size: 28px;
}


/* Wstepniak */
h2 { 
    font-size: 55px;
    line-height: 70px;
    padding-bottom: 18px;
    }
    

#header {
    height: 90%;
}

.huge-title {
    top: 10%;
    right: 28%;
	}

/* Prace siatka */

.grid li {
	display: inline-block;
	max-width: 51%;
	margin: -10px;
	text-align: left;
	position: relative;	
}

/* O MNIE  */

#omnie {
    position: relative;
    padding: 50px 8% 0px 8%;}
    
/* NAGRODY  */

#nagrody {
    position: relative;
    padding: 0px 8% 0px 8%;}



/* KOMPETENCJE */

h6 {
	font-size:25px
}

#method {
    padding: 0px 8% 120px 8%;
	}

#method .img-ico {
	padding:1px 1px 3px 1px;
	text-align: center;
	}

	
/* stopka */    
#contact_info H4 {
	font-size:22px;
	padding-bottom: 5px;
	color: #b7b7b7;
}

#contact_info p {	
	font-size:22px;
	line-height:30px
}
	
	
/* strona pracy*/
	
.content-txt {
	background: #FFF;
	-webkit-backface-visibility: hidden;
	 max-width:86%;
     text-align:left;
}

.work-header {
	background-attachment: scroll;
	background-size: cover;
}

}


/* Media Queries for iPad in Landscape--------------------------------------------------------------------------------------------------------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 



.huge-title {    padding-left: 20px;}
	
.intersection {background-attachment: scroll;}


p {	font-size:20px}

/* menu */
#menu  {
  font-size: 28px;
}


/* Wstepniak */
h2 { 
    font-size: 55px;
    line-height: 70px;
    padding-bottom: 18px;
    }
    

#header {
    height: 90%;
}

.huge-title {
    top: 10%;
    right: 28%;
	}

/* Prace siatka */

.grid li {
	display: inline-block;
	max-width: 51%;
	margin: -10px;
	text-align: left;
	position: relative;	
}

/* O MNIE  */

#omnie {
    position: relative;
    padding: 50px 8% 0px 8%;}
    
/* NAGRODY  */

#nagrody {
    position: relative;
    padding: 0px 8% 0px 8%;}



/* KOMPETENCJE */

h6 {
	font-size:25px
}

#method {
    padding: 0px 8% 120px 8%;
	}

#method .img-ico {
	padding:1px 1px 3px 1px;
	text-align: center;
	}

	
/* stopka */    
#contact_info H4 {
	font-size:22px;
	padding-bottom: 5px;
	color: #b7b7b7;
}

#contact_info p {	
	font-size:22px;
	line-height:30px
}
	
	
/* strona pracy*/
	
.content-txt {
	background: #FFF;
	-webkit-backface-visibility: hidden;
	 max-width:86%;
     text-align:left;
}

.work-header {
	background-attachment: scroll;
	background-size: cover;
}

	
}