.wstep {background-image: url('img/elektronik.webp');height:100vh;background-position: center; background-size: cover;background-attachment: fixed;}

footer {background-image: url('img/footer.webp');height:50vh;background-position: center; background-size: cover;background-attachment: fixed;}

.naglowek{padding-top:20%;
text-align:center;
color:#fafafa;
text-shadow: 2px 2px 4px #3b3b3b;
}

nav {background-color: rgba(0,0,0,0.3);}
nav a{color:#fafafa;font-size:30px;}
a:hover{color:#239ba6;}

article{padding-top:50px;padding-bottom:100px;}

.col-md-12{transition: all 2s ease;
-webkit-transition: all 2s ease;}
.ikona {height:100px;max-width:100%;width:auto;display:block;margin:0 auto;transition: all 2s ease;
-webkit-transition: all 2s ease;margin-top:50px;margin-bottom:50px;}
.col-md-12:hover .ikona{filter: invert(52%) sepia(55%) saturate(610%) hue-rotate(137deg) brightness(88%) contrast(84%);transition: all 1s ease;
-webkit-transition: all 1s ease;}

.col-md-12  a:hover p {color:#239ba6;transition: all 1.5s ease;
-webkit-transition: all 1.5s ease;}
.col-md-12  a p {transition: all 2.5s ease;
-webkit-transition: all 2.5s ease;}

.col-md-12:hover p {color:#239ba6;transition: all 1.5s ease;
-webkit-transition: all 1.5s ease;}
.col-md-12  p {transition: all 2.5s ease;
-webkit-transition: all 2.5s ease;}


.col-md-4 a,.col-md-4 {text-decoration:none;text-align:center;color:#239ba6;}
.col-md-4 a p,.col-md-4 p {color:#3b3b3b;}
footer h3{color:#fafafa;
text-shadow: 2px 2px 4px #3b3b3b;}
footer .col-md-4{text-align:center;padding-top:10vh;}
footer .col-md-4 a {color:#fafafa;font-size:40px;text-shadow: 2px 2px 4px #3b3b3b;}

.naglowek p {font-size: 25px;}
 
@media (max-width:776px){
.wstep {background-image: url('img/elektronikMobile.webp')}
footer {background-image: url('img/footerMobile.webp');height:100vh;background-position: center; background-size: cover;background-attachment: fixed;}
}