html,
body
{
  height: 100%;
  font-family: 'Lato', sans-serif;
  padding:0 !important;	
}
a {cursor:pointer}	 

.art-rama {
    margin-bottom: 0px;
	 margin-bottom: 0px;
	 background-image: url(../imgs/wallpaper3.jpg);
	 background-size: cover;
	 background-attachment: fixed;
	 background-position: center center;
	 overflow:hidden;
	 position:relative;
	 height:100% !important;
}

.art-rama.tresc {
	background-image: url(../imgs/wallpaper2.jpg); 
	height:auto !important;
	display:table;
	width:100%;
	padding-bottom:70px;
	}

/* LEWA */

.art-rama div.ramka-left {
width: 980px;
max-height: 480px;
height: 80%;

border-width: 25px;
border-style: solid;
border-color: #FCFCEE #F5F5E7 #FCFCEE #FBFBED;
position: absolute;
right: 50%;
top: 50%;
transform: translateY(-50%);
/* margin-top: 1.7%; */
margin-top: 3%;
box-shadow: -5px 5px 8px rgba(0,0,0,0.3);
margin-right: 625px;
}

.art-rama div.ramka-left > div {
box-shadow: -5px 5px 8px rgba(0,0,0,0.3) inset;
background-color: #CFCDB8;
max-width: 100%;
height: 100%;
}

.art-rama div.ramka-left > div > div{
width: 80%;
height: 60%;
background-color: #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
box-shadow: -3px 3px 3px rgba(0,0,0,0.2) inset;
background-image: url(../imgs/obrazek.jpg);
background-repeat: no-repeat;
background-position: center right;
background-size: auto 100%;
border: 1px solid #909090;
}

/* PRAWA */


.art-rama div.ramka-right {
width: 980px;
max-height: 480px;
height: 80%;

border-width: 25px;
border-style: solid;
border-color: #F5F5E7 #FBFBED #F5F5E7 #FBFBED;

position: absolute;
left: 50%;
top: 50%;
transform: translateY(-50%);
margin-top: 3%;
box-shadow: -5px 5px 8px rgba(0,0,0,0.3);
margin-left: 625px;
}

.art-rama div.ramka-right > div {
box-shadow: -5px 5px 8px rgba(0,0,0,0.3) inset;
background-color: #CFCDB8;
max-width: 100%;
height: 100%;
}

.art-rama div.ramka-right > div > div{
width: 80%;
height: 60%;
background-color: #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
box-shadow: -3px 3px 3px rgba(0,0,0,0.2) inset;
background-image: url(../imgs/obrazek.jpg);
background-repeat: no-repeat;
background-position: center left;
background-size: auto 100%;
border: 1px solid #909090;
}

/* Main */

.art-rama div.ramka-logo {
width: 980px;
max-height: 480px;
height: 80%;
max-width:95%;

border-width: 11px;
border-style: solid;
border-color: #C3AC6B #B59F58 #C3AC6B #D0BA78;
position: absolute;
left: 50%;
top: 50%;
transform: translateY(-50%) translateX(-50%);
margin-top: -5%;
box-shadow: -5px 5px 5px rgba(0,0,0,0.15);
}

.art-rama div.ramka-logo > div {
box-shadow: -3px 3px 5px rgba(0,0,0,0.17) inset;
background-color: #DBDBCB;
max-width: 100%;
height: 100%;
}

.art-rama div.ramka-logo > span {
position: absolute;
width: 100%;
height: 100%;
background-image: url(../imgs/glass.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
z-index:1;
top:0;
left:0;
display:block;
}

.art-rama div.ramka-logo > div > div{
width: 80%;
height: 60%;
background-color: #FBFDF1;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
box-shadow: -3px 3px 3px rgba(0,0,0,0.4) inset;
background-image: url(../imgs/logo2.png);
background-repeat: no-repeat;
background-position: center;
background-size: 62% auto;
border: 1px solid #B0B0B0;
}

.art-rama h1.ramka-opis {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    margin-top: 295px;
    text-transform: uppercase;
    font-family: amatica sc;
    width: 100%;
    text-align: center;
    font-size: 74px;
    line-height: 1.3em;
	 color:#A78530;
}

.art-rama h1.ramka-opis span {color:#E70000; display:block}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
  height:70px;	
}
.navbar-nav {float:right}
.navbar-nav > li {height: display:table-cell}
.navbar-nav > li > a {
height: 70px;
display: table-cell;
padding: 0 14px;
vertical-align: middle;
font-family: dosis;
color: #000000 !important;
font-size: 1.5em;
}

.navbar-nav > li:nth-child(2n+2) a {padding:0}

.navbar-nav > li > a:hover {
	color:#e70000 !important;
}

.navbar-wrapper .navbar .container {
  width: auto;
}


.navbar .navbar-collapse {
  margin-right: 15px;
  margin-left: 15px;
	 }

.navbar-inverse {background-image: url(../imgs/deska.jpg)}

.navbar-brand {
	height: 70px;
padding: 5px;
    }
.navbar-brand img {
  height:100%;
}


  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .navbar {
    padding-right: 15px;
    padding-left: 15px;
  }


  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 0px;
	 box-shadow: 0 0 6px 6px rgba(0,0,0,0.1);
  }

  .featurette-heading {
    font-size: 50px;
  }
	
  .caret {	
    margin-left: 7px;
    border-top: 9px solid rgba(0,0,0,0.4);
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #e70000 !important;
    background-color: rgba(0,0,0,0.05);
}

.navbar-toggle {
    border: none;
    background-color: rgba(0,0,0,0.3);
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the art-rama */
.marketing .col-sm-4,
.oprawy-gal .col-sm-3 {
  margin-bottom: 30px;
  text-align: center;
}
.marketing h2 {
    color:  rgb(146, 0, 0);
    font-family: lato;
    font-size: 2.3em;
    font-weight: bold;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}

.ofirmie {}
.ofirmie h1, .loadContent h1 {
color: #e70000;
font-size: 3.7em;
margin: 0 0 20px 0;
font-family: amatica sc;
}
.firma {
border-left: 15px solid #626262;
border-right: 15px solid #515151;
border-top: 15px solid #595959;
border-bottom: 15px solid #595959;
box-shadow: -5px 5px 8px rgba(0,0,0,0.3);
}
.firma > div {
background-color: #DEDEDE;
box-shadow: -5px 5px 8px rgba(0,0,0,0.3) inset;
padding: 30px;
}
.firma > div > img {
width: 100%;
border: 1px solid #808080;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
section#s1{
background-image: url(../imgs/wallpaper2.jpg);
background-size: cover;
background-position: center center;}

section#s1, section#s3 {padding: 170px 0 150px;}

section#s1 h2 { padding: 0 4%;color:  #bdbdbd;}
section#s1 h3, section#s3 .desc {
	 background-color: rgb(126, 0, 0);
    color: #FFFFFF;
    font-size: 38px;
    padding: 30px;
    text-align: center;
	 border:3px solid #fee781;
	 }

section#s1 i {
    background-color: rgb(126, 0, 0);
	 background: red; /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  background: -webkit-linear-gradient(left bottom,#E8C15C,#FEE781,#E8C15C);
  /* For Opera 11.1 to 12.0 */
  background: -o-linear-gradient(top right,#E8C15C,#FEE781,#E8C15C);
  /* For Fx 3.6 to 15 */
  background: -moz-linear-gradient(top right,#E8C15C,#FEE781,#E8C15C);
  /* Standard syntax */
  background: linear-gradient(to top right,#E8C15C,#FEE781,#E8C15C); 
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
  border: 2px solid #ffffff;		
    border-radius: 100px;
    color: #ffffff;
    display: block;
    font-size: 2em;
    height: 160px;
    left: 0;
    line-height: 156px;
    margin: 0 auto 10px;
    position: relative;
    right: 0;
    vertical-align: middle;
    width: 160px;
}
	 
section#s2 {
    background-attachment: fixed;
    background-color: rgb(0, 0, 0);
    background-image: url("../imgs/wallpaper3.jpg");
    background-position: center center;
    background-size: cover;
    padding: 130px 0 130px;;
}

section#s2 .marketing .row div {
	text-align:center;
}

section#s2 .marketing .row div > div {
background-color: #DBDBCB;
border-right: 8px solid #BAA862;
border-top: 8px solid #C8B674;
border-bottom: 8px solid #C8B674;
border-left: 8px solid #D6C482;
border-radius: 0;
color: #ffffff;
display: table;
height: 150px;
margin: auto;
position: relative;
text-align: center;
width: 100%;
font-family: dosis;
font-size: 2em;
box-shadow: -4px 4px 6px rgba(0,0,0,0.27), -1px 1px 3px rgba(0,0,0,0.3) inset;
background-image: url(../imgs/glass2.png);
background-size: 100% 100%;
}

section#s2 .marketing .row div > div a {
color: #000000;
display: table-cell;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
border: 30px solid rgba(52,52,52,0);
line-height: 1.15em;
text-shadow:-1px 1px rgba(0,0,0,0.2);
transition:color 0.6s ease-in-out 0s;
}

section#s2 .marketing .row div > div a:hover {
color:#Ffaa00;
text-shadow:-1px 1px rgba(0,0,0,0.2);
text-decoration:none;
transition:color 0.3s ease-in-out 0s;
}

section#s2 .marketing .row div > div a span {
display: block;
box-shadow: -1px 1px 3px rgba(0,0,0,0.3) inset;
background-color: #FBFDF1;
width: 100%;
height: 100%;
padding: 16px;
border: 1px solid #BABA9A;
}

section#s2 .marketing .row div h2,
#kontakt .marketing .row div h2,
#future .marketing .row div h2,
.container .oprawy-tresc h1 {
color: #EF5050;
margin: 0 auto 30px;
padding: 0;
position: relative;
top: 50%;
left: 0;
right: 0;
font-family: amatica sc;
font-weight: 100;
text-transform: uppercase;
font-size: 5em;
}

#kontakt .marketing .row div h2 {
color: #E70000;
}

#future .marketing .row div h2 {
text-align:center;
color: #FFFFFF;
}

section#s2 .marketing .row div h2 span {
 	 display: block;
    font-size: 0.55em;
	 color:#FFFFFF;
	 margin:10px 5px;
}

section#s3 {
background-image: url(../imgs/paint.jpg);
background-size: cover;
background-position: center center;
}

section#s3 .desc {margin-top: 40px;}


.thumbnail {
border-width: 10px;
border-style: solid;
border-color: #595959 #515151 #595959 #626262;
border-radius: 0;
box-shadow: -5px 5px 8px rgba(0,0,0,0.3);
background-size: cover;
background-position: center center;
padding: 0;
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
border-color: #AC9A74 #9A8862 #AC9A74 #BAA882;
}

.thumbnail img {
width:100%;
box-shadow: -2px 2px 5px rgba(0,0,0,0.4) inset;

}

.ofirmie .row > div {

}

section#contact {
	 background-color: rgb(86, 0, 5);
    padding: 50px 0;
	 font-size:18px;
}

section#contact .container {
    color: rgba(255, 255, 255, 0.6);
    font-size: 9em;
    font-weight: 900;
    text-align: center;
}

section#contact .container span{
	 display: block;
    font-size: 0.4em;
}

section#contact .container a {
    color: #ffffff;
    display: block;
    font-size: 0.2em;
    font-weight: normal;
}


/* Kontakt */


#kontakt {padding: 100px 0;}

.container.content {
width:900px;
max-width:calc(100% - 30px); 
}

/* --- POP UP --- */
.pop-up {
background-image: url(../imgs/wallpaper2.jpg);
background-size: cover;
background-position: center center;
border-width: 10px;
border-style: solid;
border-color: #AC9A74 #9A8862 #AC9A74 #BAA882;
position: fixed;
max-width: 98%;
width: 1000px;
height: 96%;
z-index: 30;
background-color: #FFFFFF;
display: block;
top: 2%;
left: 50%;
padding:40px 10px 0px 20px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
/* border-radius: 10px; */
box-shadow: -2px 2px 4px rgba(0,0,0,0.3), -2px 2px 5px rgba(0,0,0,0.4) inset;
}

.pop-up .loadContent {
overflow: auto;
display: block;
height: 100%;
}

.close-pop-up {
width: 30px;
height: 30px;
display: table;
position: fixed;
top: 5px;
z-index: 31;
right: 5px;
cursor:pointer;
}

.close-pop-up:before {
content: "";
width: 4px;
height: 30px;
background-color: #B0B0B0;
display: block;
transform: rotate(45deg);
position: absolute;
left: 13px;
}

.close-pop-up:after {
content: "";
width: 4px;
height: 30px;
background-color: #B0B0B0;
display: block;
transform: rotate(-45deg);
position: absolute;
left: 13px;
}

.mask-pop-up {
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
background-color:rgba(0,0,0,0.7);
z-index:29;
}


.pop-up .loadContent > div > div {text-align:center}
.pop-up .loadContent > div > div > img {max-width:100%}

/*.pop-up .cols {
	 -moz-column-gap: 35px;
    -moz-column-rule: 0px dashed #bdbdbd;
    -moz-column-width: 400px;
	 
	 -webkit-column-gap: 35px;
    -webkit-column-rule: 0px dashed #bdbdbd;
    -webkit-column-width: 400px;
	 
	 column-gap: 35px;
    column-rule: 0px dashed #bdbdbd;
    column-width: 400px;
} */

.pop-up .cols img {
max-width:100%;
}

.pop-up .panel-default {
    border-color: transparent;
	 box-shadow: -2px 2px 3px rgba(0,0,0,0.1);
}

.pop-up .panel-default > .panel-heading {
color: #FFFFFF;
background-color: #C09090;
border-color: #000;
font-family: amatica sc;
font-weight: 100;
text-transform: uppercase;
transition: background-color 0.7s ease-in-out 0s;
}

.pop-up .panel-default > .panel-heading:hover,
.pop-up .panel-default > .panel-heading:active,
.pop-up .panel-default > .panel-heading:focus {
background-color: #B47E7E;
transition: background-color 0.2s ease-in-out 0s;
}

.pop-up .panel-default > .panel-heading .panel-title {font-size:26px;}
.pop-up .panel-default > .panel-heading .panel-title a {display: block; width: 100%;}
.pop-up .panel-default > .panel-heading .panel-title a:hover, .pop-up .panel-default > .panel-heading .panel-title a:active, .pop-up .panel-default > .panel-heading .panel-title a:focus {text-decoration:none; border: 0;}

.pop-up .panel-default .panel-body {
    border-top-color: transparent;
	 text-align:left;
}

/* Lightbox popup */

h4.model-title

/* --- FORM ---- */

.form-control {
    background-color: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: #9f9f9f !important;
    transition: background-color 0.3s ease-in-out 0s;
    box-shadow: none !important;
}

.form-control:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
	 transition: background-color 0.3s ease-in-out 0s;
	 }

input.form-control,
select.form-control {
    height: 46px !important;
}

select.form-control {
 	background: #fff url("../imgs/select.png") no-repeat scroll right 0.3rem center / 16px 30px;
		 -moz-appearance: none;
    -webkit-appearance: none;
}

select.form-control option {
    background-color: #afafaf;
    padding: 8px;
	 color: #FFFFFF;
}

select.form-control option:focus,
select.form-control option:hover,
select.form-control option:active {
    background-color: #afafaf;
    padding: 8px;
	 box-shadow: 40px 40px 0px 0px #ffaf00 inset;
}

.form-control:focus {
    border-color: #ffd0d0 !important;
	  box-shadow: none !important;
}

.form-control-feedback {
    display: block;
    height: 34px;
    line-height: 34px;
    pointer-events: none;
    position: absolute;
    right: 1% !important;
    text-align: center;
    top: 0;
    width: auto !important;
    z-index: 2;
    bottom: 0;
    margin: auto;
}

.input-group-addon {
    background-color: #e0e0e0 !important;
    border: 0 solid #000000 !important;
    color: #afafaf !important;
	 }
	 
.g-recaptcha > div {
margin:auto;
	 }
	 
.btn-warning {
    background-color: #d0d0d0 !important;
    border: 0px solid transparent !important;
    border-radius: 0 !important;
	 }
	 
.adres h4 {margin:0 0 10px 0; font-size:1.6em}
/* ------- */


/* S4 */
section#future {
background-color: #34323A;
color: #FFFFFF;
padding: 140px 0 120px;
min-height: 300px;
background-image: url(../imgs/firma2.jpg);
background-position: center center;
background-size: cover;
background-attachment: fixed;
}
section#future .col-lg-6 {text-align:center; padding-bottom: 20px; border-bottom:1px solid rgba(255,255,255,0.6)}
section#future .col-lg-12 span {font-size:2em; font-weight:bold; color:rgba(255,255,255,0.6); text-align:center; border-bottom:1px solid rgba(255,255,255,0.6)}
section#future span {
display:block;
padding:20px 10px;
font-size:1.6em;
}
section#future img {max-width:90%}
section#future label {display: block; margin: 30px auto 0;}
section#future a:after {content:""; display:none}
section#future a {font-size:1.4em; margin: 0 auto;}





/* SUB SAJTY */
.oprawy-menu {
margin-top: 70px;
text-align: center;
margin-bottom: 80px;
border-bottom: 1px solid #FFFFFF;
background-image: url(../imgs/wallpaper3.jpg);
padding: 30px 0 10px;
background-attachment: scroll;
background-size: cover;
box-shadow: 0px -31px 12px -24px rgba(0,0,0,0.1) inset;
}

.oprawy-menu > .container > .row > div {margin-bottom:20px}

.oprawy-menu > .container > .row > div > div {
border-width: 4px;
border-style: solid;
border-color: #C8B674 #BAA862 #C8B674 #D6C482;
background-color: #DBDBCB;
box-shadow: -2px 4px 6px rgba(0,0,0,0.2);
}

.oprawy-menu > .container > .row > div > div > a {
display: table;
width: 100%;
color:#000000;
box-shadow: -1px 1px 1px rgba(0,0,0,0.2) inset;
border: 1px solid rgba(0,0,0,0.4);
transition:color 0.6s ease-in-out 0s;
}

.oprawy-menu > .container > .row > div > div > a:hover,
.oprawy-menu > .container > .row > div > div > a.active  {
text-decoration:none;
color:#Ffaa00;
transition:color 0.6s ease-in-out 0s;
}

.oprawy-menu > .container > .row > div > div > a > span {
display: block;
box-shadow: -1px 1px 1px rgba(0,0,0,0.1) inset;
background-color: #FBFDF1;
width: auto;
height: 100%;
padding: 6px 2px;
border: 1px solid #BABA9A;
margin: 11px;
font-family: dosis;
font-size: 1em;
text-shadow: -1px 1px rgba(0,0,0,0.2);
line-height: 1.2em;
}

.oprawy-gal .thumbnail {
border-color: #AC9A74 #9A8862 #AC9A74 #BAA882;
margin:0;
border-width:2px;
box-shadow: -3px 3px 5px rgba(0,0,0,0.2);
display:block;
}

.oprawy-gal .thumbnail img {
border: 15px solid rgba(255,255,255,0.9);
transition:border 0.8s ease-in-out 0s;
}

.oprawy-gal .thumbnail:hover img {
border: 5px solid rgba(255,255,255,0.9);
transition:border 0.2s ease-in-out 0s;
}
	
 .oprawy-gal .col-sm-2,
 .oprawy-gal .col-sm-3 {
 	padding: 5px;
margin-bottom: 0;
 }
.unactive-link {opacity:0.3}

.container .oprawy-tresc h1 {font-size: 3.8em;}

.modal-body img {max-width:100%}


.subsite {
padding-top:110px;
}

.oprawy-gal .col-sm-2 {
    width: 20%;
}

.clear {clear:both}

.artist-name {
font-size: 3em;
text-align: center;
font-family: 'Allura', sans-serif;
color: #B47E7E;
}

.gal-thumb {
    padding-right: 10px;
    padding-left: 10px;
}

.gal-thumb a div {
display:none;
}

.gt-2 {width:18.667%}
.gt-3 {width:27%}
.gt-4 {width:35.333%
}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 1580px) {

			/* LEWA */

			.art-rama div.ramka-left {
			width: 750px;
			max-height: 390px;
			border-width: 22px;
			margin-right: 490px;
			}			

			/* PRAWA */
			.art-rama div.ramka-right {
			width: 750px;
			max-height: 390px;;
			border-width: 22px;
			margin-left: 490px;
			}

			/* Main */
			.art-rama div.ramka-logo {
			width: 750px;
			max-height: 390px;
			border-width: 10px;
			}
			
			.art-rama h1.ramka-opis {
			margin-top: 240px;
	      font-size: 60px;
			}

}



@media (max-width: 1380px) {

			/* LEWA */
			
			section#s2 {
			padding: 100px 0 100px;
			}

			.art-rama div.ramka-left {
			width: 650px;
			max-height: 320px;
			border-width: 19px;
			margin-right: 400px;
			}			

			/* PRAWA */
			.art-rama div.ramka-right {
			width: 650px;
			max-height: 320px;
			border-width: 19px;
			margin-left: 400px;
			}

			/* Main */
			.art-rama div.ramka-logo {
			width: 650px;
			max-height: 320px;
			border-width: 8px;
			}
			
			.art-rama h1.ramka-opis {
			margin-top: 190px;
			font-size: 52px;
			}
			
		  

}

@media (max-width: 1200px) {	
			.oprawy-gal .col-sm-2 {
    		width: 25%;
			}	
}

@media (max-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
	
.col-lg-4 {display: block;
    width: 100%;}
	
				/* LEWA */

			.art-rama div.ramka-left {
			width: 550px;
			max-height: 250px;
			border-width: 15px;
			margin-right: 350px;
			}			

			/* PRAWA */
			.art-rama div.ramka-right {
			width: 550px;
			max-height: 250px;
			border-width: 15px;
			margin-left: 350px;
			}

			/* Main */
			.art-rama div.ramka-logo {
			width: 550px;
			max-height: 250px;
			border-width: 6px;
			}
			
			.art-rama h1.ramka-opis {
			margin-top: 165px;
			font-size: 45px;
			}
			
			section#s2 .marketing .row div > div a {
			font-size: 0.68em;
			}
			
			.navbar-nav > li > a {
    		padding: 0 10px;
    		font-size: 1.4em;
			}
			
			.oprawy-menu > .container > .row > div {width:33.33333%}
			.oprawy-gal{margin-top:30px}
			
			section#s1, section#s2, section#s3 {
    		padding: 50px 0 50px;
			}
			.col-md-6:nth-child(2) {
			margin-top:30px;
			}
			
			.row.artist-name {display:none !important}
			
			.gt-2, .gt-3, .gt-4 {
			width:100%
			}
			
			.gal-thumb a div {
			display: table;
			position: relative;
			padding: 30px 15px;
			width: 100%;
			text-align: center;
			background-color: rgba(0,0,0,0.5);
			color: #FFFFFF;
			font-size: 2em;
			font-family: 'Allura', sans-serif;
			border: 1px solid #3B3B3B;
			}
			
			.gal-thumb a img {display:none}
	
}

@media (max-width:768px) {
    .navbar-nav {
    float: left;
    margin: 0;
    width: 100%;
	 }
	 
	 	.navbar-wrapper {margin-top:0;}
	
	  .navbar-wrapper .navbar {
    padding-right: 0px;
    padding-left: 0px;
	  border-radius:0;
	  height:50px;	
  }
	
  .navbar-brand {	
    height: 50px;
	 padding:5px 10px 7px;
	}
	
	.navbar-nav > li > a {
    height: 50px;
	 }
	 
	 .navbar-nav > li:nth-child(2n+2) {display:none}
	 
	 .navbar-collapse {
	 background-color:#FFFFFF;
    border: 0 none;
    margin-left: 0 !important;
    margin-right: 0 !important;
	 }
	 
	 section {
	 margin-left:0;
	 margin-right:0;
	 }
	 
	 .art-rama div.ramka-left{display:none}
  .art-rama div.ramka-right{display:none}	
	
  .art-rama h1.ramka-opis {	
			margin-top: 175px;
			font-size: 41px;
			}
  .oprawy-menu {margin-top: 50px;}
  .oprawy-gal .col-sm-3 {	
    width: 33.333%;
	}
	
}

@media (max-width: 540px) {
		section#s2 .marketing .row div {
			width: 100%;
	 }
	 
	 .oprawy-menu > .container > .row > div {width:50%}
	 
	 .oprawy-gal .col-sm-2 {
    		width: 33.333%;
			}	
}

@media (max-width: 520px) {
  
  .art-rama div.ramka-logo > div > div {background-size: 180px auto;}	
	
  .art-rama div.ramka-logo {	
			min-height: 200px;
			top: 60px;
			transform: translateX(-50%) translateY(0);
			margin-top: 0;
			height: 45%;
			max-height: 45%;
			}
	
  section#s1 h3, section#s3 .desc {	
    font-size: 28px;
	 }
	 
	 	   .art-rama h1.ramka-opis {
    		font-size: 30px;
			top: calc(45% + 80px) !important;
			transform: translateX(-50%) translateY(0);
			margin-top: 0;
			width: 90%;
	 		}
			
			.oprawy-gal .col-sm-3 {	
    		width: 50%;
			}
}	
	
	
@media (max-width: 340px) {
		 .oprawy-menu > .container > .row > div {width:100%}
		 
		 .oprawy-gal .col-sm-2 {
    		width: 50%;
			}	
}