@media (max-width: 480px) {
.texto-vertical-sm {
	font: 800 30px/1 Muli;
	transform: rotate(0deg);
	z-index: 10;
	writing-mode: horizontal-tb;
}
.texto-vertical-sm span {
	padding-right: 80px;
	margin-left: -80px;
	margin-bottom: 40px;
	background: -webkit-linear-gradient(-90deg, #B9B9B9, transparent);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
	align-content: center;
}
.texto-vertical br {
	display: none;
}
.texto-vertical span:nth-of-type(2) {
    top: 0px;
}
.flex-caption {
 	/*position:absolute!important; */
	position:-webkit-sticky!important;
	position:sticky!important;
 	/* padding: 10px;*/ 
 	width: 80%;
	/* max-height: auto; */
   	top: 80px; 
	left: 50px;
	color: #939393;
 	/* padding: 0px 0px; */
	/* float: right;  */
}
.flex-title {
	display: none;
	}
.flex-title-movil {
	display: block;
}
.top-bar span {
  	float: left;
}
.top-bar #ticker-box {
	font-size: 14px;
}
.top-bar {
	margin-bottom: 0px;
	text-align: center;
}
.obrazek-flex {
	border: 2px solid #333333;
    box-shadow: 0 0 15px #eee;
    padding: 5px;
    height: auto;
	border-radius: 10px;
}
	.navbar-header {
	align-content: center !important;
		text-align: center !important;
		margin-top: 5px !important;
		margin-bottom: 5px !important;
		padding: 5px !important;

	justify-content: center !important;
	max-width: auto !important;
	}
	.navform {
	align-content: center !important;
		text-align: center !important;
		margin-top: 5px !important;
		margin-bottom: 5px !important;
		padding: 5px !important;
	}
.moboff {
		display: none;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 481px) and (max-width: 600px) {
.texto-vertical-sm {
	font: 800 35px/1 Muli;
	transform: rotate(0deg);
	z-index: 10;
	writing-mode: horizontal-tb;
}
.texto-vertical-sm span {
	padding-right: 80px;
	margin-left: -80px;
	margin-bottom: 40px;
	background: -webkit-linear-gradient(-90deg, #B9B9B9, transparent);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
	align-content: center;
}
.texto-vertical br {
	display: none;
}
.texto-vertical span:nth-of-type(2) {
   top: 0px;
}
.flex-caption {
	position:-webkit-sticky!important;
	position:sticky!important;
	padding-top: 40px;
	width: 90%;
	left: 5%;
	text-align: center;
	align-content: center;
	justify-content: center;
}
.flex-caption h2 a {
	font-size: 24px;
	color: #6c757d;
}
.flex-title {
	padding-bottom: 30px;}
.flex-title {
	display: none;
}
.flex-title-movil {
	display: block;
}
.top-bar span {
  	float: left;
}
.top-bar #ticker-box {
	font-size: 16px;
}
.top-bar {
	margin-bottom: 0px;
	text-align: center;
}
.obrazek-flex {
	border: 2px solid #333333;
    box-shadow: 0 0 15px #eee;
    padding: 5px;
    height: auto;
	border-radius: 10px;
}
	.navbar-header {
	align-content: center !important;
		text-align: center !important;
		margin-top: 5px !important;
		margin-bottom: 5px !important;
		padding: 5px !important;
			justify-content: center !important;
	max-width: auto !important;
	}
	.navform {
	align-content: center !important;
		text-align: center !important;
		margin-top: 5px !important;
		margin-bottom: 5px !important;
		padding: 5px !important;
	}
	.moboff {
		display: none;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 601px) and (max-width: 768px) {
.texto-vertical-sm {
	font: 900 40px/1 Muli;
	transform: rotate(0deg);
	z-index: 10;
	writing-mode: horizontal-tb;
}
.texto-vertical-sm span {
	padding-right: 80px;
	margin-left: -80px;
	margin-top: 0px;
	margin-bottom: 40px;
	background: -webkit-linear-gradient(-90deg, #B9B9B9, transparent);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
	align-content: center;
}
.texto-vertical br {
	display: none;
}
.texto-vertical span:nth-of-type(2) {
    top: 0px;
  }
.flex-caption {
	position:-webkit-sticky!important;
	position:sticky!important;
	padding-top: 40px;
	width: 70%;
	left: 16%;
	text-align: center;
	align-content: center;
	justify-content: center;}
.flex-caption h2 a {
	font-size: 24px;
	color: #6c757d;	}
.flex-title {
	padding-bottom: 30px;}
.flex-zawartosc {
	width: 70%;	}
.flex-title {
	display: none;}
.flex-title-movil {
	display: block;}

.top-bar span {
  	float: left;
}
.top-bar #ticker-box {
	font-size: 18px;
}
.top-bar {
	margin-bottom: 0px;
	text-align: center;
}
.obrazek-flex {
	border: 2px solid #333333;
    box-shadow: 0 0 15px #eee;
    padding: 5px;
    height: auto;
	border-radius: 10px;
}
	.navbar-header {
	align-content: center !important;
		text-align: center !important;
		margin-top: 5px !important;
		margin-bottom: 5px !important;
		padding: 5px !important;
	}
	.navform {
	align-content: center !important;
		text-align: center !important;
		margin-top: 5px !important;
		margin-bottom: 5px !important;
		padding: 5px !important;
	}
.navbar-nav{
	align-content: center !important;
	text-align: center !important;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	padding: 5px !important;
	justify-content: center !important;
	}
.moboff {
		display: none;
	}
	
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 769px) and (max-width: 993px) {
.texto-vertical-sm {
	font: 900 50px/1 Muli;
	transform: rotate(0deg);
	z-index: 10;
	writing-mode: horizontal-tb;
}
.texto-vertical-sm span {
	text-align: center;
	padding-right: 110px;
	padding-left: 0px;
	margin-left: -150px;
	margin-top: 0px;
	margin-bottom: 40px;
	background: -webkit-linear-gradient(-90deg, #B9B9B9, transparent);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
}
.texto-vertical br {
	display: none;
}
.texto-vertical span:nth-of-type(2) {
    top: 0px;
}
.flex-caption {
	width: 80%;
	top: 300px; 
	left: 50px;
}
.flex-title {
    padding-top: 5px;
	font-size: 10px;
}
.tlo {
	padding-bottom: 1px;
	margin-bottom: 1px;
}
.szczegoly {
	font-size: 14px;
}
	.navbar-header {
	align-content: center !important;
		text-align: center !important;
		margin-top: 5px !important;
		margin-bottom: 5px !important;
		padding: 5px !important;
	}
	.navform {
	align-content: center !important;
		text-align: center !important;
		margin-top: 5px !important;
		margin-bottom: 5px !important;
		padding: 5px !important;
	}
	.megacnt{
	align-content: center !important;
		text-align: center !important;
		margin-top: 5px !important;
		margin-bottom: 5px !important;
		padding: 5px !important;
			justify-content: center !important;
	}

}
@media only screen and (min-width: 993px) and (max-width: 1099px) {
.texto-vertical {
	font: 900 60px/1 Muli;
}
.texto-vertical span:nth-of-type(2) {
	top: 0.7em; 
}
.flex-caption {
	top: 170px; 
	left: 50px;
}
.flex-caption h2 {
    font-size: 12px;
   	color: #939393;
}
.szczegoly {
	font-size: 14px;
}
.card a {
	font-size: 14px;
}
.flex-tytul-g h2 {
	font-size: 14px;
}
.szczegoly2 {
	display: none;	
}
.flex-tlo {
	width: 95%;
	margin-top: -2px;
	margin-bottom: -5px;
	padding-top: 0px;
	padding-left: 5px;
}

}
@media only screen and (min-width: 1100px) and (max-width: 1199px) {
.texto-vertical {
	font: 900 60px/1 Muli;
}
.flex-caption {
	top: 270px; 
	left: 50px;
}
.flex-caption h2 {
    font-size: 12px;
   	color: #939393;
}
.szczegoly {
	font-size: 14px;
}
.card a {
	font-size: 14px;
}
.flex-tytul-g h2{
	padding-top: 5px;
	font-size: 14px;
}

.szczegoly2 {
	font-size:12px;	
	}
	.flex-tlo {
	padding: 5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
.texto-vertical {
	font: 900 80px/1 Muli;
}
.texto-vertical span:nth-of-type(2) {
	top: 0.5em; 
}
.flex-caption {
	top: 280px; 
	left: 50px;
}
.szczegoly {
	font-size: 14px;
}
.card a {
	font-size: 14px;
}
.flex-tytul-g h2{
	padding-top: 5px;
	font-size: 15px;
}
.flex-tlo {
	padding: 5px;
}


}
@media only screen and (min-width: 1301px) and (max-width: 1400px) {
.texto-vertical {
	font: 900 80px/1 Muli;
}
.texto-vertical span:nth-of-type(2) {
	top: 0.7em; 
}
.flex-caption {
	top: 340px; 
	left: 50px;
}
.szczegoly {
	font-size: 15px;
}
.card a {
	font-size: 15px;
}
.flex-tytul-g h2{
	padding-top: 14px;
	font-size: 16px;
}

}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1401px) and (max-width: 1499px) {
.texto-vertical {
	font: 900 90px/1 Muli;
}
.texto-vertical span:nth-of-type(2) {
	top: 0.6em;
}
.flex-caption {
	top: 370px; 
	left: 50px;
}
.flex-tytul-g h2{
	padding-top: 14px;
	font-size: 16px;
}

}
@media only screen and (min-width: 1500px) and (max-width: 1600px) {
.texto-vertical {
	font: 900 90px/1 Muli;
}
.texto-vertical span:nth-of-type(2) {
	top: 0.9em;
}
.flex-caption {
	top: 390px; 
	left: 50px;
}
.flex-tytul-g h2{
	padding-top: 14px;
	font-size: 16px;
}
.cardm {
  	height: 100px;
	}

}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
.texto-vertical {
	font: 900 90px/1 Muli;
}
.texto-vertical span:nth-of-type(2) {
	top: 1.1em;
}
.flex-caption {
   	top: 400px; 
	left: 50px;
}
.flex-tytul-g {
	padding-top: 15px;
	font-size: 18px;
}
.cardm {
  	height: 200px;
	}
}
@media only screen and (min-width: 1701px) and (max-width: 1800px) {
.texto-vertical {
	font: 900 100px/1 Muli;
}
.texto-vertical span:nth-of-type(2) {
	top: 1.2em;
}
.flex-caption {
	top: 420px; 
	left: 50px;
}

}