body {
background-color: #FAFDFF;
font-family: Verdana, Geneva, Tahoma, sans-serif;
color:black;
font-size: 15px;
}

h1 {
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-style:normal;
  color: #720111;
  font-size: 30px;
  font-weight: bold;
}

.selector-for-some-widget {
  box-sizing: content-box;
}


.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
    }

.nav-color{
  background-color: #1C2842;
  padding: 25px;
}


a.nav-font {
font-size: 17.5px;
color:aliceblue;
font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}


a.nav-font:hover
{
  color: #646e82;
}

a.nav-dropdown-font {
font-size: 17.5px;
color:#1C2842;
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

a.nav-dropdown-font:hover{
color: #646e82;
background-color: aliceblue;
transition: 0.5s;
}

.menu-dropdown-color {
  background-color: aliceblue;
}

div.menu{
  padding-left: 200px;
}

hr {
  border-width: 3px;
}

div.stopka {
  background-color: #870114;
  color:white;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-style: italic;
  font-weight: 600;
  padding: 15px;
  height: 272px;
  width: 100%;
}

div.stopka h3{
  font-size: 18px;
}

div.stopka p {
  margin: 4px;
  font-size: 18px;
  font-weight: 600;
}

div.alert-rodo {
background-color:lightsteelblue;
border-radius: 0%;
border-color: #646e82;
padding: 50px;
color: #1C2842;
z-index: 3;
}

img.h{
  display: inline-flex;
  margin-right: 3px;
} 

img.h:hover{
  opacity: 0.5;
  transition: 0.3s;
}

h3 {
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

img.filter-grey{
   filter: grayscale(6);
   opacity: 0.2;
   position: absolute;
   margin: auto;
}


div.img-link {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  background-color: rgb(209, 217, 224);
  margin-bottom: 15px;
  margin-top: 15px;
}

div.img-link img {
  width: 98%;
  height: 96%;
  object-fit: cover;
  transition: filter 0.4s ease;
  position: absolute;
  z-index: 1;
  top: 4px;
  right: 4px;
}


div.img-link a {
  position: absolute;
  top: 80px;
  left: 100px;
  color: white;
  z-index: 2;
  text-decoration:none;
  opacity: 0;             
  pointer-events: none;   
  transition: opacity 0.3s ease;
  font-size: 25px;
  font-style: oblique;
  font-weight: 600;
}


div.img-link:hover a {
  opacity: 1;
  pointer-events: auto;
}


div.img-link a:hover ~ img {
  filter: blur(2px);

}

.akt-h h4 a{
color: #1C2842;
font-style:unset;
font-weight: 600;
font-size: 20px;
}

.akt-h h4 a:hover{
color: #870114;
text-decoration: none;
}

.akt-h p{
  width: 550px;
  margin-left: 60px;
}

.akt-h h4{
  width: 650px;
  margin-left: 60px;
  margin-top: 10px;
}

.linia{
  width: 7px;
  height: 40px;
  background-color: lightslategrey;
  opacity: 0.3;

}


.link-zdjecia:hover{
opacity: 0.5;
transition: 0.2s;
}