<!DOCTYPE html>
<html lang="pl-PL">
<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Krzysztof Guzek</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Krzysztof Guzek" />
<meta name="keywords" content="krzysztof guzek,guzek,grafik,grafika,portfolio,wystawy,asp lodz" />
<meta name="author" content="Krzysztof Guzek" />


<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' />
<link rel="icon" href="http://krzysztofguzek.kylos.pl/grafika/logo-32x32.png" sizes="32x32" />
<link rel="icon" href="http://krzysztofguzek.kylos.pl/grafika/logo-192x192.png" sizes="192x192" />

<style>

body {
    background-color: white;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;

}

.content {
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 40px;
  padding-bottom: 80px;
}

.typo-header{
    	font-family:  lato; /* 'Open Sans', raleway-bold, lato-light, menlo, 'Helvetica Neue', Helvetica; */
	color: #000000;
	text-decoration: none;
	line-height:120%;
	font-weight: bold;
	font-size:14pt;
}

.typo-podpis{
    	font-family:  lato; /* 'Open Sans', raleway-bold, lato-light, menlo, 'Helvetica Neue', Helvetica; */
	color: #000000;
	text-decoration: none;
	line-height:120%;
	font-weight: normal;
	font-size:10pt;
	text-align:center;
}

.typo-content{
    	font-family:  lato; /* 'Open Sans', raleway-bold, lato-light, menlo, 'Helvetica Neue', Helvetica; */
	color: #000000;
	text-decoration: none;
	line-height:160%;
	font-weight: normal;
	font-size:12pt;
	text-align:left;
	display: block;  
	margin-left: auto; /* aby wyśrodkować blok oba marginesy muszą być ustawione na auto */
	margin-right: auto; /* aby wyśrodkować blok oba marginesy muszą być ustawione na auto */
	max-width:1280px;
}

.pusty-blok-big{
  background-color: #ffffff;
  height: 140px;
  width: 100%;
}

.pusty-blok-small{
  background-color: #ffffff;
  height: 50px;
  width: 100%;
}

.content-img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px; /* zapewnia skalowalność tylko do tej szerokości obrazka nawet jeśli są 2x większe */
	width: 100%; /* wypełnia szerokość aktualnej strony ale z uwzględnieniem max-width i marginesów */
	height: auto;
}


/* dla ekranów o szerokości od 0 do 990 px */
@media screen and (max-width: 990px) {

    .container-logo {
	background-color: #ffffff;
	position: fixed;
	top: 20 px;
	z-index: 1;
 	padding-top: 40px;
 	padding-bottom: 40px;
	width: 100%;
	height: 90px;
	text-align: center;
    }
	.img-logo {
	position: relative;
	left: 50%;
	margin-left: -30px;
    	display: block;
        height: auto;
	width: 100%;
        max-width: 60px; 
    }

}

/* dla ekranów o szerokości powyżej 990 px */
@media screen and (min-width: 990px) {

    .container-logo {
	background-color: #ffffff;
	position: fixed;
	top: 20 px;
	z-index: 1;
 	padding-top: 40px;
 	padding-bottom: 40px;
	width: 100%;
	height: 90px;
	text-align: center;
    }
	.img-logo {
	position: relative;
	left: 50%;
	margin-left: -30px;
    	display: block;
        height: auto;
	width: 100%;
        max-width: 60px; 
    }
}
 
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2){

    .container-logo {
	background-color: #ffffff;
	position: fixed;
	top: 20 px;
	z-index: 1;
 	padding-top: 40px;
 	padding-bottom: 40px;
	width: 100%;
	height: 90px;
	text-align: center;
    }
	.img-logo {
	position: relative;
	left: 50%;
	margin-left: -30px;
    	display: block;
        height: auto;
	width: 100%;
        max-width: 60px; 
    }

}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2){

    .container-logo {
	background-color: #ffffff;
	position: fixed;
	top: 20 px;
	z-index: 1;
 	padding-top: 40px;
 	padding-bottom: 40px;
	width: 100%;
	height: 90px;
	text-align: center;
    }
	.img-logo {
	position: relative;
	left: 50%;
	margin-left: -30px;
    	display: block;
        height: auto;
	width: 100%;
        max-width: 60px; 
    }

}

</style>
</head>


<body>

<div class="container-logo">
	<img class="img-logo" src="grafika/logo.png">
</div>


<div class="content">

  <div class="pusty-blok-big">
  </div>


<!-- początek bloku exhibitions -->


  <h3 align="center" class="typo-header" id="wystawy">EXHIBITIONS</h3>

  <div class="pusty-blok-small">
  </div>

  <img class="content-img" src="grafika/katowice2019.png" alt="Krzysztof Guzek - 26 Biennale Plakatu Polskiego 2019">
  <p class="typo-podpis">26th Biennial of the Polish Poster&nbsp;&nbsp;/&nbsp;&nbsp; BWA Contemporary Art Gallery &nbsp;&nbsp;/&nbsp;&nbsp;Katowice, Poland&nbsp;&nbsp;/&nbsp;&nbsp;13.12.2019 – 26.01.2020</p>

  <div class="pusty-blok-small">
  </div>

  <img class="content-img" src="grafika/cyprus2019.png" alt="Krzysztof Guzek - International Cyprus Poster Triennial 2019">
  <p class="typo-podpis">International Cyprus Poster Triennial 2019 &nbsp;&nbsp;/&nbsp;&nbsp; NeMe Arts Centre &nbsp;&nbsp;/&nbsp;&nbsp;Limassol, Cyprus&nbsp;&nbsp;/&nbsp;&nbsp;01.07.2019 – 31.07.2019</p>

  <div class="pusty-blok-small">
  </div>

  <img class="content-img" src="grafika/ideografia2018.png" alt="Krzysztof Guzek - Ideografia 2018">
  <p class="typo-podpis">Ideografia 2018 &nbsp;&nbsp;/&nbsp;&nbsp; Galeria Duża Scena UAP&nbsp;&nbsp;/&nbsp;&nbsp;Poznań, Poland&nbsp;&nbsp;/&nbsp;&nbsp;12.10.2018 – 28.10.2018</p>

  <div class="pusty-blok-small">
  </div>

  <img class="content-img" src="grafika/obrazyswiatla2017.png" alt="Krzysztof Guzek - Obrazy Światła">
  <p class="typo-podpis">Obrazy Światła &nbsp;&nbsp;/&nbsp;&nbsp; Galeria ASP Piotrkowska 68 &nbsp;&nbsp;/&nbsp;&nbsp;Łódź, Poland&nbsp;&nbsp;/&nbsp;&nbsp;29.9.2017 – 1.10.2017</p>

  <div class="pusty-blok-small">
  </div>

  <img class="content-img" src="grafika/lahti2017.png" alt="Krzysztof Guzek - Lahti International Poster Triennale 2017">
  <p class="typo-podpis">Lahti International Poster Triennale 2017 &nbsp;&nbsp;/&nbsp;&nbsp; Lahti Art Museum &nbsp;&nbsp;/&nbsp;&nbsp;Lahti, Finland&nbsp;&nbsp;/&nbsp;&nbsp;9.6.2017 – 24.9.2017</p>

  <div class="pusty-blok-small">
  </div>

  <img class="content-img" src="grafika/ID32017.png" alt="Krzysztof Guzek - wystawa ID3">
  <p class="typo-podpis">ID3 &nbsp;&nbsp;/&nbsp;&nbsp; Galeria Pod Napięciem &nbsp;&nbsp;/&nbsp;&nbsp;Łódź, Poland&nbsp;&nbsp;/&nbsp;&nbsp;28.2.2017 – 3.4.2017</p>

  <div class="pusty-blok-small">
  </div>

  <img class="content-img" src="grafika/owzg.png" alt="Krzysztof Guzek - Lightcast logo">
  <p class="typo-podpis">The Second Polish Exhibition of Graphic Marks&nbsp;&nbsp;/&nbsp;&nbsp; Centrum Designu Gdynia &nbsp;&nbsp;/&nbsp;&nbsp;Gdynia, Poland&nbsp;&nbsp;/&nbsp;&nbsp;4.9.2015 – 23.10.2015</p>

  <div class="pusty-blok-small">
  </div>

  <img class="content-img" src="grafika/geometriaswiatla1.png" alt="Krzysztof Guzek - Geometria Światła">
  <p class="typo-podpis">Geometria Światła &nbsp;&nbsp;/&nbsp;&nbsp;Galeria Biblio-Art&nbsp;&nbsp;/&nbsp;&nbsp;Łódź, Poland&nbsp;&nbsp;/&nbsp;&nbsp;12.5.2015 – 10.6.2015</p>

  <div class="pusty-blok-small">
  </div>


<!-- koniec bloku exhibitions -->


<!-- początek bloku projects -->


  <h3 align="center" class="typo-header" id="projekty">PROJECTS</h3>

  <div class="pusty-blok-small">
  </div>

  <img class="content-img" src="grafika/generativeposter2018.png" alt="Krzysztof Guzek - Generative poster 2018">
  <p class="typo-podpis">Generative poster for exhibition "Obrazy Światła" &nbsp;&nbsp;/&nbsp;&nbsp; 2018</p>

  <div class="pusty-blok-small">
  </div>

  <img class="content-img" src="grafika/znakigraficzne.png" alt="Krzysztof Guzek - Selected graphic marks 2012 - 2017">
  <p class="typo-podpis">Selected graphic marks &nbsp;&nbsp;/&nbsp;&nbsp; 2012 - 2019</p>

  <div class="pusty-blok-small">
  </div>

  <img class="content-img" src="grafika/monografiePL.png" alt="Krzysztof Guzek - Book cover series Monografie Politechniki Łódzkiej">
  <p class="typo-podpis">Book cover series "Monografie Politechniki Łódzkiej" &nbsp;&nbsp;/&nbsp;&nbsp; 2016 - 2017</p>

  <div class="pusty-blok-small">
  </div>

  <img class="content-img" src="grafika/lmf2016.png" alt="Krzysztof Guzek - Light Move Festival 2016">
  <p class="typo-podpis">Horrendum &nbsp;&nbsp;/&nbsp;&nbsp; Light Move Festival 2016 &nbsp;&nbsp;/&nbsp;&nbsp; 7.10.2016 – 9.10.2016</p>

  <div class="pusty-blok-small">
  </div>

  <img class="content-img" src="grafika/lmf2015.png" alt="Krzysztof Guzek - Light Move Festival 2015">
  <p class="typo-podpis">ELECTROVOLUT1ON &nbsp;&nbsp;/&nbsp;&nbsp; Light Move Festival 2015 &nbsp;&nbsp;/&nbsp;&nbsp; 9.10.2015 – 11.10.2015</p>

  <div class="pusty-blok-small">
  </div>


<!-- koniec bloku projects -->


<!-- początek bloku contact -->


  <h3 align="center" class="typo-header" id="projekty">CONTACT</h3>

  <div class="pusty-blok-small">
  </div>


  <p class="typo-podpis">chris.guzek [@] gmail.com</p>

  <div class="pusty-blok-small">
  </div>


<!-- koniec bloku contact -->


</div>

<!-- koniec content -->


</body>

</html>