@font-face {
  font-family: 'MyWebFont';
  src: 
       url('Mont.otf');    
}

@font-face {
  font-family: 'MyFont';
  src: 
       url('cool.otf');    
}



@media only screen and (min-width: 996px) {





  .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
  }
  #media img{
    padding: 25px;
     max-height:150px; 
     max-width:150px;
  }
  .parallax {
 
    background-image: url("Zdjecia/1low.jpg");
    position: relative;

    min-height: 1800px; 
  


   

    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover ;
  }
  .parallax2 {
    background-image: url("Zdjecia/2low.jpg");
    position: relative;

    min-height: 1835px; 
  

    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .parallax3 {
 
    background-image: url("Zdjecia/5low.jpg");
    position: relative;


    min-height: 1050px; 
  

    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  
  }
  .parallax4 {
   
    background-image: url("Zdjecia/004.jpg");
    position: relative;

    min-height: 800px; 
  
   
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
}
@media only screen and (max-width: 995px) {


  .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  }
  #media img{
    padding: 25px;
     max-height:130px; 
     max-width:130px;
  }

  .parallax {
 
    background-image: url("Zdjecia/1low.jpg");
    position: relative;

    min-height: 1400px;
  


   

    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover ;
  }
  .parallax2 {
    background-image: url("Zdjecia/2low.jpg");
    position: relative;

    min-height: 1700px; 
  

    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .parallax3 {
 
    background-image: url("Zdjecia/5low.jpg");
    position: relative;


    min-height: 1000px;
  

    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  
  }
  .parallax4 {
   
    background-image: url("Zdjecia/1low.jpg");
    position: relative;

    min-height: 800px;
  
   
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

}


.lang{
  text-align: center;
}
.language {
  margin: 0 auto;
  width: 40px;
}


body {
  background-color: rgb(0, 204, 255) !important; 
}
.przerywnik {
  position: absolute;
  bottom: 0px;
  font-size:15px;
  text-align: center;
  width: 100%;
  padding: 20px;
  

  background: rgba(0, 0, 0, 0.8);
 
}

.przerywnik p {
  font-size:20px;
 
  color: white;
}
 nav ul {

    list-style-type: none;
    background: rgba(0, 0, 0, 0.7);
    margin: 0;
    padding: 0;
    min-height: 70px;
}
nav li a {
    color: white !important;
    padding: 14px 16px !important;
    text-decoration: none !important;
    height: 100%;
}

nav li a:hover {
    background-color: white;
    color:black !important;
    opacity: 1;
}

 


  footer {
    background-image:url('Zdjecia/trojkat.jpg');
    background-size: cover;
    height: auto;
    width: 100%;
    text-decoration: none;
    justify-content: center;
    text-align: center;
    color: white;
    padding: 10px;
   
  


  }
footer p {
    font-size: 15px;
    text-decoration: none !important;
    font-family: none;
    color: black;
  }

footer a {
  margin: 8px;
}


  p {
    color: white;
    font-family:'MyFont' ;
    text-align: center;
 

  }

  h3 {
    font-family:'MyWebFont' ;
  }
.logo {
  background: rgba(0, 0, 0, 0.7);
  align-items: center;
  justify-content: center;

}

ul {
  color:gold;
  list-style-type: none;
  font-size: 15px;
}

.linkk img:hover{
  background: rgba(0, 140, 255, 0.3);
  border-radius: 20px;
  transition: 1s;
}


.carousel-item{
  float:none; 

}

.slider {
  max-height: 500px;
}
.sliderimg {
  height: 100%;
  position: center;
}
.carousel-item {
  transition: 1s !important;
}
button {
  background: rgba(0, 0, 0, 0.1) !important; 
}
.reveal{
  opacity: 0;

  transition: all 1s ease;
}

.reveal.active {
  opacity: 1;

}
  
.lang img:hover {
 background-color: white;
  border-radius: 20px;
  transition: 1s;
}