/* #1b5e20 #2e7d32 #388e3c #43a047 #4caf50 #66bb6a #81c784 #a5d6a7 #c8e6c9 */

* { margin: 0px; padding: 0px; }

body {
  background-color: #2e7d32;
  margin-left: auto;
  margin-right: auto;
  min-width: 300px;
  max-width: 1000px;
  padding: 10px;
}

#tytul {
  height: 80px;
  /* margin-top: 10px; */
}
#tL {
  float: left;
  font-family: 'Gwendolyn', cursive;
  font-size: 60px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 5px;
  width: 65%;
}
#tP {
  text-align: right;
  margin-top: 10px;
}

header, .kolumny, footer, iframe { border-radius: 5px; }

header {
  height: 120px;
  margin-bottom: 10px;
  background-color: #43a047;
}

#nL {
  float: left;
  height: 100px;
  padding: 10px;
}
#nL img { margin: 0; }
#nP {
  font-family: 'Gotu', sans-serif;
  font-size: 20px;
  font-style: normal;
  letter-spacing: 2px;
  color: #fff;
  text-align: left;
  padding: 30px;
  /* padding-top: 30px; */
}

section { overflow: hidden; }

.kolumny { background-color: #66bb6a; }

#kol1 { float: left; width: 20%; margin-right: 10px; }
#kol1 h3 { text-align: center; padding-top: 5px; }
#kol1 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #81c784;
}
#kol1 li a {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-weight: bold;
  display: block;
  color: #1b5e20;
  padding: 8px 16px;
  text-decoration: none;
}
#kol1 li { text-align: center; border-bottom: 1px solid #fff; }
#kol1 li a:active { background-color: #4caf50; color: #000;}
#kol1 li a:hover:not(:active) { background-color: #c8e6c9; color: black; }

#kol2 { padding: 10px; }
#kol2 h2 { 
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 32px;
  font-weight: normal;
  font-variant: small-caps;
  letter-spacing: 5px;
  margin-bottom: 10px;
}
#kol2 p, #kol2 ul { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
#kol2 p { margin-bottom: 5px; }
#kol2 p.zrodlo {
  margin-top: 10px;
  text-align: right;
  font-style: italic;
  font-size: 14px;
}
#kol2 p.kontakt {
  text-align: center;
  font-size: 18px;
  margin-bottom: 10px;
}
#kol2 ul { margin-left: 20px; list-style-type: disc; }

img {
  max-width: 100%;
  height: auto;
  width: auto;
  border-radius: 5px;
}

p.gw { text-align: center; margin-top: 5px; }
p.autor {
  text-align: right;
  font-style: italic;
  font-size: 12px;
}

p.kontakt a { text-decoration: none; }
p.kontakt a:link { color: #ddd; }
p.kontakt a:visited { color: #ddd; }
p.kontakt a:hover { color: #fff; }

hr {
  border: none;
  border-top: 1px solid blue;
  margin: 10px 0;
}

footer {
  height: 30px;
  margin-top: 10px;
  padding-top: 10px;
  background-color: #43a047;
  clear: both;
}
footer h6 {
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans';
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  text-align: center;
}

@media (max-width: 625px) {
  #tytul { height: 100px; }
  #tL { font-size: 36px; }
  #nP { font-size: 16px; padding-top: 15px; }
  #kol1 { width: 100%; margin-bottom: 10px; }
  li a { letter-spacing: 3px; }
  #kol1 h3 { display: none; }
}
@media (min-width: 626px) and (max-width: 825px) {
  #nP { font-size: 18px; }
  #tL { font-size: 48px; }
}