@import "responsywnosc.css";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */



article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;}

body {font-family: 'Rajdhani', sans-serif; background-color: white; overflow-x: hidden; background-color: gainsboro;background-size: 100%;}

kontakt{

text-align: left;

}
kontakt h2{
font-size: 24px;
padding-left: 50px;
}
kontakt h4{
font-size: 16px;
}

h1{
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 1em 0;
}
h2{

  margin: 0 0 1em 0;
}
ul{
  margin: 0 0 1em 2em;
}

    
wrap {display: block; margin-left: auto; margin-right: auto; background-color: white;}
menu {position: relative; top: 0; left:0; margin: 0 auto; height: 70px; display: block; background-color: white;}
menu a:not(.logo-link){display: inline-block; height: 48px; text-align: center; padding: 10px 10px 20px 10px; text-decoration: none; color: black; vertical-align: middle; font-size: 19px; font-weight: 500; transition: 0.5s;}
menu a:hover:not(.logo-link) {display: inline-block; height: 48px; text-align: center; padding: 10px 10px 20px 10px; text-decoration: none; color: #242424; vertical-align: middle; font-size: 19px; font-weight: 500; transition: 0.5s;}
menu img {display: inline-block; width: 100px; height: 63px; padding: 0px 5px 0px 10px;}

.topnav a {
  text-decoration: none;

}

.topnav .icon {
  display: none;
}

    /* dropdown menu */
.dropdown {
  position: relative;
  display: inline-block;
}


.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  top:50px;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
    
.divider{
display:block;
width: 100%;
    padding: 20px;
}

    
    
.slider {margin-top: 0px; width: 1100px; height: 733px; background-position: center center; background-size: cover; background-repeat: no-repeat; backface-visibility: hidden;
    animation: slide 15s infinite 0s; animation-timing-function: ease-in-out; background-image: url(img/ban1.jpg); }
      
@keyframes slide{
    0%{background: url(img/ban1.jpg); }
    25%{background: url(img/ban2.jpg); }
    50%{background: url(img/ban3.jpg); }
    75%{background: url(img/ban4.jpg); }
    100%{background: url(img/ban5.jpg); } }
 
    
p.cel {color: white; font-size: 1.9rem; text-align: center; 
    margin: 450px auto 0 200px; width: 700px; 
    background-color: rgba(128, 128, 128, 0.81);
    position: absolute; 
    text-shadow: 1px 2px 3px black; }

of1:hover, of2:hover, of3:hover, of4:hover, of5:hover, of6:hover{
filter: brightness(130%);
transition: 0.5s;
}

of1,of2,of3 h3 { display: inline-block; color: white; vertical-align: middle;
}
of4,of5,of6 h3{ color: white; vertical-align: middle;
}

of1 img,of2 img,of3 img,of4 img,of5 img, of6 img{
display: inline-block; border: 2px; border-color: white; border-style: solid;}

of1 {background-color: black; text-decoration: none;}
of2 {background-color: #2e2e2e; text-decoration: none;}
of3 {background-color: #606060; text-decoration: none;}
of4 {background-color: #af2525; text-decoration: none;}
of5 {background-color: #cc4949; text-decoration: none;}
of6 {background-color: #bcbcbc; text-decoration: none;}

of1:hover {  filter: brightness(130%); transition: 0.5s;}
of1 h3 {display: inline-block; color: white; vertical-align: middle; text-decoration: none;}
    
of2:hover {display: block;  filter: brightness(130%); transition: 0.5s;}
of2 h3 {display: inline-block; color: white; vertical-align: middle; text-decoration: none; }
    
of3:hover {display: block;  filter: brightness(130%); transition: 0.5s;}
of3 h3 {display: inline-block; color: white; vertical-align: middle; text-decoration: none; }

of4:hover {display: block;  filter: brightness(110%); transition: 0.5s;}
of4 h3 {display: inline-block; color: white; vertical-align: middle; text-align: end;text-decoration: none;}

of5:hover {display: block;  filter: brightness(130%); transition: 0.5s;}
of5 h3 {display: inline-block; color: white; vertical-align: middle; text-align: end;text-decoration: none;}

of6:hover {display: block;  filter: brightness(110%); transition: 0.5s;}
of6 h3 {display: inline-block; color: white; vertical-align: middle; text-align: end;text-decoration: none;}



iframe {height: 500px; margin: 50px 0 10px 0;}
iframe:hover {width: 1100px; height: 500px; margin: 50px 0 10px 0;}
    
h4 {font-size: 1.6rem; margin: 20px 0 0 50px;}

img.kw {width: 320px; height: 320px; margin: 10px 0 0 20px; z-index: 0;filter: contrast(110%);transition: 0.5s;}
img.kw:hover {width: 320px; height: 320px; margin: 10px 0 0 20px; z-index: 0;filter: contrast(80%); transition: 0.5s;}