html{padding:0;}
body{margin:0;padding:0}
*{font-size:15px;}
header {display: flex;justify-content: flex-end; align-items: center;flex-direction: row;background:white;width:100%;z-index:999;box-shadow: 6px 8px 5px -3px rgba(0,0,0,0.68);position:fixed;}
header *{color:#2b5376;height:90px;}


header nav a{text-decoration:none;text-transform:uppercase;font-weight: 700;line-height:90px;margin-left:18px;margin-right:18px;font-family:sans-serif;}
#slider {width:100%;height: 100%;}
#slider h1{position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
    color:white;
    text-shadow: #000 0px 0px 3px;
    font-size:7vw;
    z-index:800;
}
#slider.galeria{
height:450px;
}
#slider.galeria h1{
top:15%;
}
#first,#secound{width:100%;



  /* Full height */
  height: 100%;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
/*   background-size: 50% 50%; */
/*   transition: background-size 4s ease-in; */

  }
  
  @keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
.show{
    opacity:1;
    transition:opacity 2s ease-in-out;
}
#content{
max-width:1280px;
width:100%;
margin:0 auto;
}
#content h2:before{
    content:"*";
    display:block;
    color:gray;
}
#content h2{
text-transform:uppercase;line-height:90px;margin-left:18px;margin-right:18px;font-family:sans-serif;text-align:center;font-size:34px;
border-top:1px solid black;font-weight:400;font-family:serif;
}
article{
    padding:20px;
}
article:first-child {margin-top:90px;}
article:nth-child(even){background: #f6f6f6;}
article p{line-height:1.5}
#udogodnienia{flex-wrap:wrap;column-count: 3;column-gap: 20px;}
#udogodnienia div{page-break-inside: avoid;padding:20px;background:white;margin-bottom:20px;}
#udogodnienia h3{text-align:center;}
footer{
    padding:20px;
    background:#262429;
    color:white;
   
}
footer #container{
    max-width:1280px;
width:100%;
margin:0 auto;
     display:flex;
    align-items: center;flex-direction: row;
    justify-content:space-between;
}
footer #container h3{width:30%;color:white;
    text-shadow: #000 0px 0px 3px;
    font-size:4vw;}
    footer #container a{color:white;text-decoration:none;}
@media (max-width: 500px) {
#udogodnienia{
    column-count: 1;
}

header {display: flex;flex-direction: column;background:white;width:100%;z-index:999;box-shadow: 6px 8px 5px -3px rgba(0,0,0,0.68);position:fixed;left: -100%;
        top: 5rem;}
header *{color:#2b5376;height:90px;}


header nav a{text-decoration:none;text-transform:uppercase;font-weight: 700;line-height:90px;margin-left:18px;margin-right:18px;font-family:sans-serif;}