:root {
 --background: #0d102b;
--button: #002d60;
	--active: #f6f6f6
}


.relacje-tekstowe div.bar > .color {
	width: 40px;
	height: 8px;
	border-right: 1px solid #ffffff;
	background: #cc0000;
}
.relacje-tekstowe .submenu-content {
	background-color: #007f1b;
}
.relacje-tekstowe.more a:link, .relacje-tekstowe-glowna .more a:visited {
	color: #fff;
	line-height: 1;
	font-size: 0.9em;
	padding: 0px 4px;
}
.relacje-tekstowe .arrow {
	background-color: #007f1b;
	padding: 7px 7px 7px 10px
}
.relacje-tekstowe .arrow:after {
	font-family: 'Glyphicons Halflings';
	content: "\e080";
	float: right;
	font-size: 1em;
	padding: 0px 0px 0px 10px
}
.relacje-tekstowe .rel_live_table_title {
	font-weight: bold;
	font-size: 1.6rem;
	padding: 0px 10px;

}
.relacje-tekstowe .rel_live_table_summary {
	font-size: 1.2rem;
}
.relacje-tekstowe .rel_live_table_content {
	font-size: 1.1rem
}
.relacje-tekstowe .rel_live_table_content img {
	width: 100%;
	display: block;

}
.relacje-tekstowe .article-foto { max-width:800px;}
.relacje-tekstowe .rel_live_table_time {
	background-color: var(--button);
	color: #fff;
	padding: 5px;
	font-weight: bold;
	font-size: 1.2rem;
	text-align: center;
}
.relacje-tekstowe .inside-title {padding:10px 15px;
	background-color: var(--background); 
	color:#fff;
	background-image: url(https://www.gdansk.pl/images/wosp-background.svg);
		

	text-align:center
}

/*******Strona glowna ************/
.relacje-tekstowe-glowna .komunikaty, .relacje-tekstowe .komunikaty {
	line-height: 1;
}
.relacje-tekstowe-glowna .komunikaty ul > li, .relacje-tekstowe .komunikaty ul > li {
	background-color: #f6f6f6;
}
.relacje-tekstowe-glowna .komunikaty ul, .relacje-tekstowe .komunikaty ul {
	margin: 0px;
	list-style: none;
}
.relacje-tekstowe-glowna .komunikaty ul > li, .relacje-tekstowe .komunikaty ul > li {
	padding: 15px 15px 10px 15px;
	color: #fff
}
.relacje-tekstowe-glowna .komunikaty ul > li > a:link, .relacje-tekstowe-glowna .komunikaty ul > li > a:visited, .relacje-tekstowe-glowna .komunikaty ul > li > a:active, .relacje-tekstowe .komunikaty ul > li > a:link, .relacje-tekstowe .komunikaty ul > li > a:visited, .relacje-tekstowe .komunikaty ul > li > a:active {
	font-size: 1em;
	line-height: 1.2;
	font-family: 'Kanit', sans-serif;
	color: #cc0000;
	text-decoration: none;
	font-weight: bold
}
.relacje-tekstowe-glowna .komunikaty ul > li > a:hover, .relacje-tekstowe .komunikaty ul > li > a:hover {
	color: #cc0000;
	text-decoration: underline
}
.relacje-tekstowe-glowna {
	overflow: hidden;
	padding: 0px 0px 25px 0px;	
	background-image: url(https://www.gdansk.pl/images/wosp-background.svg);
		background-color: var(--background);

		background-repeat: repeat-y;
		background-size:100% auto;

}
.relacje-tekstowe-glowna .title {
	color: #fff;
	font-size: 3rem;
	line-height: 1.1;
	font-weight: 500;
	font-family: 'Kanit', sans-serif;
	
}

.wosp .relacje-tekstowe-glowna .title{
text-align:center;
background-image: url(https://www.gdansk.pl/images/wosp-winieta.svg);
		background-repeat:no-repeat;
		background-size:100% auto;
		min-height:150px;
		padding: 40px 180px;

}
}

@media (max-width:998px){
.wosp .relacje-tekstowe-glowna .title{
text-align:center;
background-image: url(https://www.gdansk.pl/images/wosp-winieta2.svg);
		background-repeat:no-repeat;
		background-size:100% auto;
		min-height:150px;
		padding: 40px 100px 40px 100px;
		font-size: 2rem;


}
}
@media (max-width:768px){
.wosp .relacje-tekstowe-glowna .title{
text-align:center;
background-image: url(https://www.gdansk.pl/images/wosp-winieta3.svg);
		background-repeat:no-repeat;
		background-size:100% auto;
		min-height:150px;
		padding: 40px 10px 40px 150px;
		font-size: 2rem;


}
}



.relacje-tekstowe-glowna .summary {
	font-size: 1.2rem;
	color: #fff;
	padding: 20px;
}
.relacje-tekstowe-glowna a:link, .livestream a:visited {
	color: #fff;
	text-decoration: underline
}
.relacje-tekstowe-glowna a:hover {
	color: #f6f6f6;
	text-decoration: none
}
.relacje-tekstowe-glowna .title ul > li {
	font-size: 1.2rem;
	color: #fff;
	padding: 20px;
}
.relacje-tekstowe-glowna .title ul {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	list-style: none;
}
.relacje-tekstowe-glowna .title ul > li {
	margin-bottom: 15px;
	padding: 5px 0px;
	color: #fff
}
.relacje-tekstowe-glowna .title ul > li > a:link, .relacje-tekstowe-glowna .title ul > li > a:visited, .relacje-tekstowe-glowna .title ul > li > a:active {
	font-size: 2.3rem;
	line-height: 1.1;
	font-family: 'Kanit', sans-serif;
	color: #fff;
	text-decoration: none
}
.relacje-tekstowe-glowna .title ul > li > a:hover {
	color: #ccc;
	text-decoration: none
}
.relacje-tekstowe-glowna .rel_live {
	padding: 0px 0px 0px 0px
}
.relacje-tekstowe-glowna .rel_live_table_title {
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
	padding:5px 0px;
}
.relacje-tekstowe-glowna .rel_live_table_time {
	background-color: var(--button);
	color: #fff;
	padding: 5px 0px;
	font-weight: bold;
	font-size: 1.2rem;
	text-align: center;
	/*display:none*/ /****Wyłączenie godziny*****/
}
.relacje-tekstowe-glowna .rel_live_table_summary {
	color: #fff;
	text-decoration: none
}
.relacje-tekstowe-glowna .more span {
	background-color: var(--button);
	padding: 10px;
	text-align: right;
    float: right;
}
.relacje-tekstowe-glowna .more a:link, .relacje-tekstowe-glowna .more a:visited {
	text-decoration: none;
	color: #fff;
	padding: 0px 5px 0px 5px;
}
.relacje-tekstowe-glowna .more a:hover span {
	background-color: var(--active);
	color:#333
}
<!--Wielka orkiestra swiatecznej pomocy-->