html, body, div, iframe, h1, h2, h3, h4, h5, h6, p, a, del, em, img, q, s, small, strong, b, u, i, center,
dl, dt, dd, ol, ul, li, table, tr, th, td, article, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

html {font-family: 'Saira Condensed', sans-serif;}


@media only screen and (min-width: 1100px) and (max-width: 1500px) {
    

nav {background-color: rgba(102, 102, 153, 1); width: 98.45vw; height: 4.5vw; position: fixed;}
li {display: inline-block; width: 22.4vw; margin-top: 0.7vw; vertical-align: top; text-align: center;}
nav a {text-decoration: none; margin: 1vw 0.5vw 0 1vw; color: white; font-size: 1.4rem;
text-shadow: 1px 2px 3px #5c5858; letter-spacing: 1.9px; }    
nav a:hover {text-decoration: none; margin: 1vw 0.5vw 0 1vw; color: #73cbfa; font-size: 1.4rem;
text-shadow: 0.2rem 0.3rem 0.5rem #2f2424; letter-spacing: 1.9px; }  
nav a:active {text-decoration: underline; margin: 1vw 0.5vw 0 1vw; color: #73cbfa; font-size: 1.4rem;
text-shadow: 0.2rem 0.3rem 0.5rem #2f2424; letter-spacing: 1.9px; } 
    
.slider {width:  98.45vw; height: 37vw; background-position: center; background-size: cover;
background-repeat: no-repeat; backface-visibility: hidden; animation: slide 25s normal infinite 0s;
animation-timing-function: linear; }
@keyframes slide{ 
0%{         background: url(ban/1b.jpg); background-size: cover;  }
25%{        background: url(ban/2b.jpg); background-size: cover;  }
50%{        background: url(ban/3b.jpg);  background-size: cover;  }
75%{        background: url(ban/4b.jpg);  background-size: cover;   }
100%{        background: url(ban/5b.jpg);  background-size: cover;   } }
    
.slider img {width: 20vw; margin: 7vw 0 0 75vw;}

uslugi {width:  98.45vw; min-height:80vh; display: block; overflow-y: auto; background-color: rgba(255, 255, 255, 1);}
h1 {margin: 3vw 3vw 1vw 3vw; font-size: 1.5rem; font-weight: 700;}
a.submenu {margin: 1vw 3vw 1vw 3vw; font-size: 1.2rem; font-weight: 600;}
p {margin: 1vw 3vw 1vw 3vw; font-size: 1.2rem;}
h3 {padding: 1vw 1vw 1vw 6vw; font-size: 1.23rem; font-weight: 500; text-align: center;}
kol {width: 25vw; height: 37vw; display: inline-block; vertical-align: top; margin: 1vw 3vw 1vw 3vw;}
kolg {width: 25vw; height: 25vw; margin: 0 0 0 3vw; display: block; overflow: hidden;}
kolg img {width: 25vw; height: 25vw;}
kolg img:hover {transition: transform .7s ease; transform: scale(1.2);}    
kold {width: 25vw; height: 7vw; display: block; vertical-align: middle;}
    
logo {height: 6vw; margin: 1vw 1vw 1vw 3vw; display: inline-block; overflow: hidden;}
logo img {height: 6vw;}
logo img:hover {transition: transform .8s ease; transform: scale(1.1);}  
img.ce {width: 80vw; margin: 2vw 0 2vw 10vw;}
a.przycisk {display: block; width: 10vw; margin: 1vw 1vw 5vw 45vw; padding: 1vw; background-color: rgba(102, 102, 153, 1); text-decoration: none; font-size: 1.2rem; text-align: center; color: white;       }
    
stopka {width:  98.45vw; min-height: 7vh; display: block; overflow-y: auto; background-color: rgba(102, 102, 153, 1); text-align: center;}
stopka a {text-decoration: none; line-height: 1.5rem; color: white;}
    
    iframe {width: 97vw; height: 50vw;}
    
    
}