/* 
#21BA5E - zielony
#37383E - szary
*/


body {font-size: 120%; background-color: #fff; color: #37383E}

h1, h2, h3, h4, h5, h6 {color: #37383E;}
h1 {font-size: 300%}
h2 {font-size: 270%}
h3 {font-size: 240%}
h4 {font-size: 210%}
h5 {font-size: 180%}
h6 {font-size: 150%}

a {color: #37383E; text-decoration: none;}
a:hover {transition: color .5s ease-out; color: #21BA5E;}
a:not(:hover) {transition: color .5s ease-out; color: #37383E}




/* zdjecia w galerii */
.galeria-zdjecie {background: #fff}
.galeria-zdjecie img {width: 100%; }


.stopka {background: #37383E; color: #fff}
.stopka i {color: #21BA5E}
.stopka h1, .stopka h2, .stopka h3, .stopka h4, .stopka h5, .stopka h6 {color: #fff}
.stopka a, .stopka .fakelink {color: #fff}
.stopka a:hover, .stopka .fakelink:hover {transition: color .5s ease-out; color: #21BA5E; text-decoration: none;}
.stopka a:not(:hover), .stopka .fakelink:not(:hover) {transition: color .5s ease-out; color: #fff; text-decoration: none;}

.showOnScroll {opacity: .01; transition: opacity 1s}


.red {background: red}
.green {background: green}
.blue {background: blue}


.fancybox-caption__body {font-size: 140%}




@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

    
}