@media screen and (max-width: 1024px) {
  .fullscreen-img { 
    background-size: 1400px 736px;
  }
  nav.menu ul li a {
    padding: 0px 15px 0px 15px;
    font-size: 1.1em;
  }
  .intro-content { 
    top: 240px;
    width: 400px; 
  }
  #o-mne { 
    padding: 50px 0px 50px 0px;
  }
  #cam { 
    height: 180px;
    background-size: 720px 180px;
  }
  .section .col25 {
    display: none;
  }
  .section .col75 {
    width: 100%;
  }
  div.galls div.gall {
    width: 25%;
  }
  div.galls div.gall:nth-child(9), div.galls div.gall:nth-child(10), div.galls div.gall:nth-child(11), div.galls div.gall:nth-child(12) {
    display: none;
  }
}

@media screen and (max-width: 950px) {
  nav.menu ul li a {
    padding: 0px 10px 0px 10px;
    font-size: 1.0em;
  }
}

@media screen and (max-width: 890px) {
  div#slidemenu {
  	display: block; 
    float: right;
    width: 40px;
    height: 40px;    
    cursor: pointer;
    margin: 20px 0px 0px 0px;  
  }
  div#slidemenu a {
  	float: left;
    width: 40px;
    height: 40px;
    background: #00b0aa;
    color: #fff;
    font-size: 1.3em;
    text-align: center;
    line-height: 40px; 
  }
  div#slidemenu a:hover {
    background: #000;
    color: #00b0aa; 
  }  
  nav.menu ul.active {
    display: none; 
  }
  nav.menu {
    position: absolute;    
    left: 0px;
    width: 100%;
    top: 80px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    z-index: -900;    
  }
  nav.menu ul.active {
    width: 100%;
    list-style: none;
    border-bottom: 1px solid #fff;
    background: rgba(255, 255, 255, 1);
  }
  header nav.menu ul.active {
    margin: 0px 0px 0px 0px;
  }
  header.smaller nav.menu ul {
    margin: 10px 0px 0px 0px;
  }
  nav.menu ul.active li {
    width: 100%;
    border-top: 1px solid #737373;
  }
  nav.menu ul li span {
    display: none;
  }
  nav.menu ul.active li a {
    float: left;
    width: 100%;
    padding: 7px 0px 8px 0px;
    text-align: center;
    font-size: 1.2em;
  }
  nav.menu ul.active li:last-child a {
    padding: 7px 0px 8px 0px;
  }
  div.photos div.photo.full {
    width: 33.33%; 
  }
}

@media screen and (max-width: 700px) {
  #intro-screen {
    height: auto;
  }
  .fullscreen-img {
    float: left;
    width: 100%;
    height: 473px;
    background-size: 900px 473px;
  }
  .intro-content { 
    top: 100px;
    width: 100%; 
  }
  .intro-content p { 
    padding-right: 30px; 
  }
  div.items div.item {
    width: 100%;
    padding: 0px 0px 20px 0px;
  }
  div.galls div.gall {
    width: 33.33%;
  }
  div.galls div.gall:nth-child(9) {
    display: block;
  }
  .col35 {
    width: 100%;
  }
  .col65 {
    width: 100%;
  }
  #map {
    height: 350px;
  }
  #cenik { 
    padding: 50px 0px 50px 0px;
  }
  div.items {
    margin: 30px 0px 30px 0px;
  }
}

@media screen and (max-width: 600px) {
   div.photos div.photo.albs {
    width: 50%; 
  }
  div.photos div.photo.full {
    width: 50%; 
  }
}

@media screen and (max-width: 500px) {
 #cam { 
    display: none;
  }
  .imgright {
    width: 100%;
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 460px) {
 .fullscreen-img {
    height: 650px;
    background-position: bottom center;
  }
}

@media screen and (max-width: 400px) {
   div.photos div.photo.albs {
    width: 100%; 
  }
}