/* 
 * You can use this file to small changes in the css rules without modifying the file style.php
 */
@import 'https://fonts.googleapis.com/css?family=Denk+One';
@media (max-width: 800px) {
  .mobile {
    display: none;
  }
.m {
font-size: 18px !important;
}
.sciezka {
font-size: 12px !important;
}

.margin {

margin-top: -40px !important;

}

}

@media handheld {
  .mobile {
    display: none;
  }

.m {
font-size: 18px !important;
}


.sciezka {
font-size: 12px !important;
}

.margin {

margin-top: -50px !important;

}

}



.logo-header-wrapper {
//background-image: url('http://extrafotobudka.pl/wp-content/uploads/2016/08/s_a12Cb12Cc12Cd12Ce0f0g64hEFF2E2E4E1C4DECEAEDDB79DABDBF3iB5j32k36lA2mA2.jpg') !important;
background-color: rgba(255, 255, 255, 0.5) !important;
text-align: right !important;
border: thin solid black !important;
}

.trans {
background-color: rgba(0, 200, 0, 0.2) !important;
padding: 10px !important;
border-radius:20px;
}

.transb {
background-color: rgba(0, 0, 200, 0.2) !important;
}

#main.wrapper {
background-color: rgba(255, 255, 255, 0.5) !important;
border: thin solid black !important;

}

.site { 
background: none !important;
}

.proste {
border-radius: 20px;
width: 200px;
height: 200px;
transition: 0.5s;
}

.proste:hover {
-webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */
 transform: rotate(30deg);
}


.fa-align-justify:before {
    content: "\f039   MENU" !important;
}

.galeria {transition: 0.5s; border-radius:10px; }
.galeria:hover {
filter: grayscale(50%);
-webkit-filter: grayscale(50%);
-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
 transform: rotate(7deg);
}

.galeria-title {
z-index:1000;
margin-bottom: -20px;

}

.f24 {
font-size: 24px;
}
.slider {

}
.slider2 {
min-width: 100%;
}
@media handheld {
.slider {
width:100%;
margin: auto;
}
}
@media (min-width: 1200px) {
.slider {
width: 1144px;
margin: -52px 0 0 -29px;}
}
@media (max-width: 800px) {

.slider {
margin: auto;
}
}