.czysc{clear:both;}
.centro {text-align: center; }
.srodek {margin:auto; }

body {	font-family: 'Signika', sans-serif;; font-size:16px;  line-height: 1.55em; 	text-align: center;	background: #eee;}
.text-justify { text-indent: 2em; margin-bottom:1.5rem; }

a { text-decoration:none; color: #777;}
a:hover { color: #f93;}
.tekst{text-align: left;	color: #666;	position:  0px 155px;margin-left: 8px;}
.tekst ul li {list-style-type: square; margin:0 0 0 10px}
ul, label {    margin: 0;    padding: 0;}
ul {  text-align: left;	}



/* CSS nowe style zmiana szablonu */
h1,  h2,  h3,  h4,  h5   { }
h1,  h2  {margin-bottom:1.5em; }
h3   { margin-bottom:1em; }
h4,  h5   { margin-bottom:1em; }

h1 {color:#f93;}
h2 {margin-top:1.5em; color:#f93;}
h3 {font-weight: 500; margin-top:1.3em; color:#f93;}
h4 {font-weight: 500; margin-top:1.1em; color:#f93;}
h5 {font-weight: 500; margin-top:1.5em; font-size: 1.1em;}
h6 {	font-weight: 500; 	color: #f93; 	font-size: 2.2em;}

p {padding-bottom:1em;}
li {	line-height: 1.85em; padding-left: 1rem; margin-left: 1rem; list-style-position: inside;}


.top-extra {margin-top:-8px; margin-left:-8px ;margin-right: -8px;}
.top-extra img {width:100%;  }



}
@media only screen and (min-width: 768px) {
  /* For desktop: */


@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}


.nowiny > ul > li {list-style-type: none; }
.nowiny {padding:0 10px;}

footer {clear:both; width: 100%;background: #999; color: #fff; padding: 4px 0; margin-top:3em; }
footer a {color: #fff; }

.odsun-tekst{}
.bezwciec{margin-top:12px; text-align: justify; text-indent: 0; }
.contener{padding:1em;}
#zawartosc p{margin-top:10px; font-size: small; text-align: justify; text-indent: 3em; }
#zawartosc .bezwciec{margin-top:12px; text-align: justify; text-indent: 0; }

.podpis {width:100% ; display: block;  margin:-30px 0 0 0; font-size: smaller; font-style: italic;  color:#999; text-align:right; border-bottom: 1px solid #f93;}

.ogloszenie {background:#f93; color:#fff;}
.ogloszenie h4{margin-top:0; color:#fff;}
div .ogloszenie {margin-top:10px;padding:10px}

/*   ---top-----------------------------------------------------------  */
.header { padding: 0; }
.ciemny {background: #f93; border-bottom: 1px solid #db8127;}
.ciemny p {color:#fff; margin-top:4px; font-size:1.4em;}
.ciemny div {padding:10px 15px 0 15px;}
.ciemny h1 {color: #eee; font-size:1.6em; margin: 0 auto 24px auto; }
.bialy {background:#fff; margin-top: -22px;}

/*-- social-icons --*/

.soc-icon {display: flex; justify-content: flex-end; flex-wrap: wrap; margin-top: -8px;}
.soc-icon div {margin:0 0.7rem; padding:0; }
.soc-icon div a {display: inline-block;	width: 28px;	height: 28px;  }

/*   ---logo----------------------------------------------------------  */
.navbar-brand  p {    line-height: 1em;    font-size: 1.0em;    text-align: left;   padding: 14px 0 0 65px;}
.navbar-brand span {color: #f93; padding: 6px 0 0 0;}




/* --- kolumna news ---- */
div .fotoblog-new {border-bottom:2px solid #f93; margin:10px auto; padding:0 0 10px 0;}
.fotoblog-new h3 { margin-top:1.3em; color:#f93;}

/* --- podgląd grafiki powiększenie ---- */
#grafika-poglad {margin:0 auto; text-align: left;}

/* --- lalki wyjątki ---- */
.obrazki-dystans img{margin:17px 17px 0 0;}

/* --- pędzle photoshop wyjątki ---- */
#pobierz-pedzelki {height: 26px; margin:26px 0 0 0; background: url(/img/download-brushes.gif) top left no-repeat; position: relative;  padding:0 0 0 28px; font-size:13px; }
#pobierz-pedzelki a{position: relative;  top:5px; font-weight: 800; }
#pobierz-pedzelki a:hover{color:#000; }
#pobierz-pedzelki:hover {background: url(/img/download-brushes.gif) bottom left no-repeat;  }

/* --- mega portfolio wyjątki ---- */
.d-plastyk {margin:20px 0 0 0; color:#999; border-bottom:2px dotted #999; position: relative;}
.d-plastyk .numer {width: 80px; height: 80px;  border-radius: 15px; background-color: rgba(255, 255, 255, 0.3); float: right;  display: block;   margin-bottom: 1rem; }
.d-plastyk .numer span{display: block; position: absolute; top:32px; width: inherit;  text-align: center; font-size:42px; }
.d-plastyk img{  }
.nav-justified a{font-size:1.8rem;}
#folio  {width:500px; height: 128px; padding:100px 0 0 0; background: url(/grafika/portfolio-top.jpg) top left no-repeat; position: relative;}
#folio a {text-decoration:none; font-size:x-large; }
#folio .margin-r {margin:0 9px 0 2px }

/*gallery   */
/* div.gallery {  margin: 5px;  border: 1px solid #ccc;  float: left;  width: 180px;} */
.gallery {  overflow: hidden;;}
div.gallery:hover {  border: 1px solid #777;}
div.gallery img {  width: 100%;  height: auto;}
div.desc {  padding: 15px;  text-align: center;}

.gallery a{display: block;  position: relative; padding-top: 100%; background-color: white;  position: relative;}
.gallery img{position:  absolute;  top: 0;   text-align: center;}
.desc a {display: initial; background: none}

/* --- inne wyjątki ---- */
.wspolpraca { max-width: 500px;    margin: auto;}
.wspolpraca img{ vertical-align: bottom; float:left;  margin:6px 16px 0 0;}
.wspolpraca span{color:#777;}

input[type="button"], input[type="reset"], input[type="submit"] { background-color: #f93;  padding: 0.75rem 2rem;}

.imgcontener {  border-radius: 25px; padding: 20px; width: 90%; height: max-content;text-align: center; background-color:#fff; Margin:1em 0;}
.imgcontener > img {width:100%; max-width: max-content; display:table-cell; }

.grupa-miniatur {display: inline-flex; flex-wrap: wrap;}
.grupa-miniatur div {margin: 2em;}

.grupa-na-stronie {display: inline-flex; flex-wrap: wrap; align-content: flex-start}
.grupa-na-stronie svg {margin:10px 1rem;}
.grupa-na-stronie div {margin-bottom:2rem;}
.grupa-n {}
.grupa-n img {min-width:300px;  height: auto; padding:0 2em 0 1rem;}

.oferta {width: 20%; height:336px; margin:1rem 5%; float:left; }
.oferta img, .oferta2 img {padding-bottom:1rem; }

.oferta2 {width: 20%; margin:1rem 5%; float:left; }


@media screen and (max-width: 900px)
{
.oferta, .oferta2 {width: 30%; margin:1rem 9%; float:left; }}

@media screen and (max-width: 600px)
{
.oferta, .oferta2 {width: 60%; margin:0.75rem 9%; float:left; }}