body {
    background: #084dab url('../images/background.jpg') repeat-y;

    background-size: contain;
    font-family: 'Source Sans Pro', Helvetica, sans-serif;
  	font-weight: 400;
  	font-size: 120%;
  	color: #d8e3ee;
  	max-width: 100%;
  	height:100%;
  	margin:0;
  	padding:0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

a {
	color: #ec008c;
	text-decoration-style: dashed;
}

a:hover {
	color: #ff87ce;
	text-decoration-style: underline;
}

a:active {
	color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2em;
    color: white;
}

h1 {
	font-size: 3em;
	font-weight: 900;
  text-transform: uppercase;
	margin: 0 0 30px 0;
}

h2 {
	font-size: 1.6em;
	font-weight: 900;
}

h3 {
  font-size: 1.7em;
	font-weight: 900;
}

h4 {
  font-size: 1.2em;
	font-weight: 900;
}


p {
	font-size: 1.15em;
	line-height:1.2em;
  padding: 10px;
}

strong {
	font-weight:900;
}

hr {
	border: 0;
	margin: 10px 0;
	height: 1px;
	background: white;
}

/* GLOBAL DIVS */
.wrapper {
  max-width: 1160px;
  position: relative;
  margin: 0 auto;
  height: auto;
  overflow: visible;
}

.wrapper:before,
.wrapper:after {
    content:"";
    display:table;
}
.wrapper:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.wrapper {
    zoom:1;
}


.nomargin h1, .nomargin h2, .nomargin h3, .nomargin h4 {
  margin: 0;
}

.marginbottom {
  margin-bottom: 20px;
}

.equalheight {
  display: flex;
}

.padding_sides p, .padding_sides h3 {
  padding-left: 20px;
  padding-right: 20px
}

.text p, .text h1, .text h2, .text h3, .text h4{
  padding: 0 50px 0;
}

.dark p, .dark h1, .dark h2, .dark h3, .dark h4{
  color: #252525;
}

.zindex5 {
  z-index: 5;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btn_pink_ghost {
  float: left;
  margin: 1em 0 1em 0;
  color: #ec008c;
  padding: 10px 20px 10px 20px;
  border: solid #ec008c 4px;
  text-decoration: none;
}

.btn_pink_ghost:hover {
  background: #ec008c;
  color: white;
}

.btn_pink {
  display: inline-block;
  margin: 1em auto 1em ;
  color: white;
  padding: 10px 20px 10px 20px;
  border: solid #ec008c 4px;
  background-color: #ec008c;
  text-decoration: none;
}

.btn_pink:hover {
  background-color: white;
  border: solid white 4px;
  color: #ec008c;
}

.btn_intro {
  display: block;
  position: absolute;
  bottom: 15%;
  left: 5%;
  width: 90%;
  margin: 0 auto;
  font-size: 1.1em;
}

/* TOP NAV */
nav {
  background-color: rgba(0, 0, 0, 0.2);
  height: 60px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  backdrop-filter: blur(10px);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

nav a {
  color: white;
  text-decoration: none;
  font-weight: 900;
  font-size: 0.9em;
  text-transform: uppercase;
}

nav ul {
  list-style: none;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

nav ul li {
  display: inline;
  line-height: 60px;
  vertical-align: middle;
  padding: 0 20px 0 20px;
  width: auto;
  height: 60px;
  position: relative;
  float: left;
  overflow: hidden;
}

nav ul li:hover {
  background-color: #ec008c;
}

nav ul li:hover a{
  color: white;
}

nav a {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
}

#logo img {
  display: block;
  margin-top: 15px;
}

.socialmedia_top {
  float: right;
  padding: 0 15px 0 15px;
  text-align: center;
  font-size: 0.7em;
  padding: 0 10px 0 10px;
}
.socialmedia_top img {
  display: block;
  margin-top: 15px;
}

.socialmedia_top:hover {
  background-color: #49659f;
}

.scrolling {
  background-color: rgba(0, 0, 0, 0.8);
}

/*HEADER */


.header_slim {
  display: none;
}

.slogan_slim {
  display: none;
}

#header_slider {
  height: auto;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-image: url('../images/slider_background.jpg');
  background-repeat: no-repeat;
  background-position: top;
  background-size: auto 480px;
  background-attachment: fixed;
  z-index:2;
}

.imageheader {
  height: auto;
  max-height: 650px;
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index:2;
}

.imageheader img {
  width: 100%;
  height: auto;
}

.narrow {
  max-height: 450px;
}

.slider {
  max-width: 100%!important;
  width: 100%;
  margin-top:50px;

}

.fraction-slider {
  left: 20%;
  z-index: 3;
}

.slide {
  max-width: 1920px!important;

}

.slogan {
  position: absolute;
  top: 80px;
  left: 6%;
  width: 90%;
  height: auto;
}

.slogan img {

}

.naglowek {
  position: absolute;
  top: 180px;
  left: 0;
  margin: 0 auto;
  height: auto;
  width: 100%;
  text-align: center;
}

.naglowek h1 {
  text-align: center;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
}

.fullscreen-bg {
    position: relative;
    height: 730px;
    width: 100%;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.intro-mask {
  position: absolute;
  width:100%;
  height: auto;
  min-height: 100%;
  top: 0;
  left: 0;
}

.intro-slogan {
  position: relative;
  top: 30%;
  max-width: 90%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.fullscreen-bg__video {
  position: absolute;
  top: 50%;
    transform: translateY(-50%);
   left: 0;
   width: auto;
   min-width: 100%;
   height: auto;
}

@media screen and (max-width: 767px) {
  .fullscreen-bg {
    height: 500px;
    overflow: hidden;
    background-image: url('../images/noxup-intro.jpg');
    background-size: cover;
    background-repeat: no-repeat;
  }

}

/*}
.fullscreen-bg__video {
  display: block;
  margin: 0 auto;
    width: auto;
    min-width: 100%;
    height: auto;
}*/
/*
@media screen and (max-width: 640px) {
  .slider {
    width: 1920px!important;
    height: 300px!important;

  }
  .fraction-slider {
    height: 300px!important;
  }

  .pattern {
    background-size: cover!important;
  }

  .slide {
    width: 300px!important;
    height: 300px!important;
  }
}
*/
@media screen and (min-width: 1920px) {
  #header_slider {
    background-size: contain;
  }
}

.pattern{
	background:url(../images/slider_background.png) left top repeat-x;
  background-size: contain;
}


/* FOOTER */
footer {
  background-color: black;
  color: white;
}

section {
  padding-bottom: 5em;
}
/* FORMULARZ */
form input {
  clear: both;
  color: white;
  line-height: 1.8em;
  width: 100%;
  margin: 0 0 1em 0;
  background: rgba(0, 0, 0, 0.5);
  border: none;
}

form textarea {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  color: white;
  border: none;
}

.send {
  background-color: #e6e00c;
  margin-top: 1em;
  color: black;
  font-weight: bold;
  line-height: 2em;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.send:hover {
  background-color: #b0ab00;
}

.thankyou {
	background-color: #eaeaea;
	color: black;
	font-size: 1.5em;
	width: 100%;
	height: auto;
	padding: 10%;
	position: relative;;
}

/* BODY SECTION */
.semitransparent {
  background-color: rgba(2,10,15,0.3);
  z-index: 20;
}

.semitransparent:before {
    content:" ";
    position:relative;
    width:100%;
    height:20px;
    background: url(../images/pattern_black.png) repeat-x 0 0;
    display:inline-block;
    display: block;
}

.semitransparent:after {
    content:" ";
    position:relative;
    width:100%;
    height:20px;
    background: url(../images/pattern_black.png) repeat-x 0 0;
bottom: -5em;
    display:inline-block;
    display: block;
}

.nopadding {
  padding: 0;
}

.zdjecie1 {
  background: url(../images/wakepark-przeszkoda.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}



#zespol {
  margin: 2em auto;
  text-align: center;
}

#zespol img {
  -moz-border-radius: 50%;
  border-radius: 50%;
}

#wyrozniki {
  background: rgba(0,0,0,0);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.8)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
  padding: 0 0 100px;
}

.gridelement {
  overflow: hidden;
  position: relative;
  padding: 8%;
  opacity: 0.5;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.gridelement .half {
  display: block;
  height: auto;
  overflow: hidden;
  position: relative;
  width: 49%;
  float: left;
}

.gridelement .half p {
  margin: 5px;
  position: relative;
}

.half p {
  text-align: right;
}

.gridelement h4 {
  margin: 5px;
}

.gridelement:hover img {
  -webkit-filter: contrast(1.2);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}


.gridelement:hover {
  opacity: 1;
}

.gridelement_dark {
  padding: 2%;
  background-color: rgba(2,10,15,0.3);
  text-align: center;
  padding-bottom: 70px;
  /*margin: 0 1%;*/
}

.gridelement_dark:hover {
  background-color: rgba(2,10,15,0.7);
}

.gridelement_dark .btn_pink {
  position: absolute;
  bottom: 10px;
  width: 80%;
  left: 0;
  right: 0;
}

.nopadding {
  padding: 0;
}

.przeszkoda {
  opacity: 1;
  margin-bottom: 30px;
}

.przeszkoda h4 {
  padding: 10px;
}

.przeszkoda:hover {
  background: white;
  color: black;
}

.przeszkoda:hover h4{
  color: black;
}

.przeszkoda p{
  padding: 10px;
}

.hiddendescription {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

.gridelement:hover .hiddendescription{
  opacity: 1;
}

.whitebg {
  background-color: white;
  color: black;
  -webkit-box-shadow: 26px 0px 51px 2px rgba(0,0,0,0.67);
  -moz-box-shadow: 26px 0px 51px 2px rgba(0,0,0,0.67);
  box-shadow: 26px 0px 51px 2px rgba(0,0,0,0.67);
  z-index: 5;
}

.whitebg h2 {
  background-color: #00b4ff;
  margin: -60px auto 0;
  padding: 25px 50px;
  color: white;
  text-transform: uppercase;
  width: 100%;
  min-height: 80px;
  display: block;
}

.whitebg h2:after {
    content:" ";
    position:relative;
    bottom: -45px;
    left:-50px;
    width:calc(100% + 100px);
    height:20px;
    background: url(../images/pattern_black.png) repeat-x 0 0;

    display:inline-block;
    display: block;
}

.whitebg h3, .whitebg h4 {
  color: black;
}

.whitebgnoafter {
  background-color: white;
  padding: 0;
  color: black;
  -webkit-box-shadow: 26px 0px 51px 2px rgba(0,0,0,0.67);
  -moz-box-shadow: 26px 0px 51px 2px rgba(0,0,0,0.67);
  box-shadow: 26px 0px 51px 2px rgba(0,0,0,0.67);
  z-index: 5;
}

.whitebgnoafter h2 {
  background-color: #00b4ff;
  margin: 0 auto 0;
  padding: 25px 50px;
  color: white;
  text-transform: uppercase;
  width: 100%;
  min-height: 80px;
}

.whitebgnoafter h3, .whitebgnoafter h4 {
  color: black;
  margin: 5px auto;
  line-height: 1em;
  padding: 0 50px 0;
}

.underline h2{
  display:block;
  max-width: 1170px;
  height: 2em;
  border-bottom: 1px solid #00b4ff;
  margin: 0 auto 1em;
  text-align: center;
  text-transform: uppercase;
  margin-top: 3em;
}

.splash {
  position: fixed;
  left: 0;
  top: 1500px;
  z-index: 1;
}

/* GRID */
/* Based on Foundation by ZURB */



.col, .cols {
  margin-left: 1.26%;
  float: left;
  min-height: 1px;
  position: relative;
}
.col:first-child, .cols:first-child {
  margin-left: 0px;
}
.row .one.cols { width: 7.178333333333333%; }
.row .two.cols { width: 15.616666666666665%; }
.row .three.cols { width: 24.054999999999996%; }
.row .four.cols { width: 32.49333333333333%; }
.row .five.cols { width: 40.931666666666665%; }
.row .six.cols { width: 49.36999999999999%; }
.row .seven.cols { width: 57.80833333333333%; }
.row .eight.cols { width: 66.24666666666667%; }
.row .nine.cols { width: 74.68499999999999%; }
.row .ten.cols { width: 83.12333333333333%; }
.row .eleven.cols { width: 91.56166666666665%; }
.row .twelve.cols { width: 99.99999999999999%; }


.row .offset-by-one 	{ margin-left: 13.1%;  }
.row .offset-by-two 	{ margin-left: 21.8%;  }
.row .offset-by-three 	{ margin-left: 30.5%;  }
.row .offset-by-four 	{ margin-left: 39.2%;  }
.row .offset-by-five 	{ margin-left: 47.9%;  }
.row .offset-by-six 	{ margin-left: 56.6%;  }
.row .offset-by-seven 	{ margin-left: 65.3%;  }
.row .offset-by-eight 	{ margin-left: 74.0%;  }
.row .offset-by-nine 	{ margin-left: 82.7%;  }
.row .offset-by-ten 	{ margin-left: 91.4%;  }
/*.row .offset-by-eleven 	{ margin-left: 95.7%;  }*/

@media screen and (max-width: 640px) {
  .row .six.cols { width: 99.99999999999999%; }
}

.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1600px;
	list-style: none;
	text-align: center;
  overflow: hidden;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 23%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	/*min-height: 100%;*/
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 0.6em;
	color: #fff;
	/*text-transform: uppercase;*/
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h3 {
	word-spacing: -0.15em;
	font-weight: 300;
  text-transform: uppercase;
}

.grid figure h3 span {
	font-weight: 800;
}

.grid figure h3,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */

/*-----------------*/
/***** Apollo *****/
/*-----------------*/

figure.effect-apollo {
	background: #ec008c;
}

figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 300px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-apollo h3 {
	text-align: left;
}

figure.effect-apollo:hover img {
	opacity: 0.4;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

/* BURGER MENU */
.burgermenu {
  z-index: 10000;
  width: 100%;
  height: 500%!important;
  background-color: rgba(0, 0, 0, 0.90);
}

.burgermenu .menuitem, .burgermenu .socialmedia_top {
  opacity: 1!important;
}

.burgermenu .menuitem {
  width: 100%;
  height: 3em;
  border-bottom: 1px solid #464646;
  text-align: center;
  line-height: 3em;
}

.burgermenu ul {
  height: auto;
  width: auto;
}

.burgermenu .socialmedia_top {
  margin: 5px auto;
  height: auto;
  width: 33%;
}

.burgermenu li img {
  margin: 10px auto!important;
}

.burgermenu #logo img {
  margin-top: inherit;
  height: auto;
}

/* przycisk menu */
#burgermenuicon {
  width: 40px;
  height: 30px;
  position: fixed;
  top: 10px;
  right: 10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 10001;
  opacity: 0;
  display: none;
}

#burgermenuicon span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #ec008c;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


#burgermenuicon {
}

#burgermenuicon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#burgermenuicon span:nth-child(2) {
  top: 12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#burgermenuicon span:nth-child(3) {
  top: 24px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#burgermenuicon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#burgermenuicon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#burgermenuicon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 20px;
  left: 8px;
}

/* Media queries */
.onlymobile {
  display: none;
}

@media screen and (max-width: 90em) {
  .grid figure {
    max-width: 100%;
    margin: 1%;
    width: 46%;
  }
}

@media screen and (max-width: 50em) {


	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}

@media screen and (max-width: 40em) {
  .onlymobile {
    display: block;
  }

  .naglowek {
    top:50px;
  }

  .naglowek h1 {
    font-size: 2em;
  }

  .slogan, .nomobile{
    display:none;
  }

  .header_slim {
    display: block;
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    height: 100vh;
    background-size: cover;
    background-position: top center;
    background-image: url('../images/header_slim.jpg');
  }

  .slogan_slim {
    display: block;
    margin: 70px 5% 30px;
    max-height: 20%;
    width: auto;
    max-width: 90%;
  }

  .nomobile #header_slider {
    background-image: none;
  }

  .whitebg h2:after {
    top: 82px;
    width:100%;
  }

  .whitebg h2 {
    padding: 20px 25px;
    margin: -20px auto 0;
  }

  h2 {
    font-size:1.4em;
  }

  .text p, .text h3 {
    padding: 0 10px;
  }

}

@media screen and (max-width: 64em) {
  body {
    background-size: 1920px;
  }
  #burgermenuicon {
    opacity: 1;
    display: block;
  }

  nav, nav ul, nav ul li{
    height: 50px;
    line-height: 50px;
  }

  h2 {
    font-size: 1.1em;
  }

  #topnav .menuitem, #topnav .socialmedia_top {
    opacity: 0;
  }

  #topnav #logo {
    opacity: 1;
  }

  #logo img {
    margin-top: 15px;
    height: 25px;
  }



  .whitebg h2:after {
    display: none;
  }

  .hiddendescription {
    opacity: 1;
  }

  .gridelement {
    opacity: 1;
  }

  .zdjecie1 {
      background-position: right;
  }
}