@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed|Roboto:300,500,700,900&display=swap&subset=latin-ext");
body {
	margin: 0;
	box-sizing: border-box;
	font-family: "Roboto", sans-serif;
}

.medella button,
.medella .active {
	background-color: #e8b135;
	border: 2px solid #e8b135;
}

.supermedia button,
.supermedia .active {
	background-color: #29568d;
	border: 2px solid #29568d;
}

.zpr button,
.zpr .active {
	background-color: #c22d2f;
	border: 2px solid #c22d2f;
}

.medella {
	background: url("./img/medella-vis.png") 99% 4% / 32%,
		url("./img/medella-bg.png") 100% 0 / 30%;
	background-repeat: no-repeat;
}

.supermedia {
	background: url("./img/supermedia-vis.png") 99% 4% / 32%,
		url("./img/sm-bg.png") 100% 0 / 30%;
	background-repeat: no-repeat;
}

.zpr {
	background-image: url("./img/zpr-vis.png");
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 30%;
}


.zpr-shareholder {
	display: flex;
	align-items: center;
}

.zpr-logo {
	background: url("./img/Logo\ -\ Zjednoczone\ Przedsiębiorstwa\ Rozrywkowe.jpg")
		center / cover no-repeat;
	height: 3rem;
	width: 3rem;
	margin-right: 1rem;
}

.content-wrapper {
	width: 60%;
	margin: auto;
	line-height: 1.5rem;
	padding: 0 1rem;
}

.title-section {
	width: 70%;
	padding-bottom: 2rem;
}

.shareholder {
	font-size: 2.5rem;
	padding: 3.25rem 0 5.5rem 0;
	font-weight: 900;
}

.shareholder span {
	font-weight: 300;
}

.lead-title,
.news-section-title,
.footer-title {
	font-size: 1.875rem;
	font-weight: 300;
	color: #999;
	padding-bottom: 0.5rem;
}

.lead {
	font-weight: 500;
}

.text {
	font-weight: 300;
}

.news-section-title {
	padding-bottom: 0.5rem;
}

.grid-container {
	display: grid;
	grid-template-columns: auto auto auto;
}

.grid-container .grid-item {
	padding: 1rem;
	padding-left: 0;
	display: flex;
}

.news-date {
	color: #999;
}

img {
	height: 3rem;
	width: 2rem;
	margin: 0 0.7rem 0 0;
}

.news-date {
	font-size: 0.875rem;
	font-weight: 300;
}

.grid-item button {
	border: none;
	border-radius: 6px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0.75rem 1.25rem;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 0.875rem;
	cursor: pointer;
}

.news-pagination {
	margin: 8rem 0 5rem 0;
	list-style: none;
	display: flex;
	padding-left: 0;
}

.news-pagination li {
	padding: 0.25rem;
	border-radius: 8px;
	height: 2rem;
	width: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #838181;
}

.news-pagination a {
	margin: 0 0.25rem;
	text-decoration: none;
	color: #999;
	font-weight: bold;
}

.news-pagination .active {
	color: #fff;
}

.footer {
	color: #fff;
	padding: 2rem 0 6rem;
}

.medella-footer {
	background: url("./img/medella-footer.png") 50% 100% / 100% 100% no-repeat;
}

.supermedia-footer {
	background: url("./img/supermedia-footer.png") 50% 100% / 100% 100% no-repeat;
}

.zpr-footer {
	background: url("./img/zpr-footer.png") 50% 100% / 100% 100% no-repeat;
}

.footer-content {
	width: 60%;
	margin: auto;
}

.footer-title {
	color: #fff;
	padding: 1.5rem 0;
}

.footer-shareholder-name {
	font-size: 1.125rem;
	font-weight: 700;
	padding: 0.5rem 0;
}

.footer-addres,
.footer-court {
	font-size: 0.875rem;
	padding: 0.25rem 0;
}

.footer-krs {
	font-size: 1.5rem;
	padding: 0.75rem 0;
}

@media only screen and (max-width: 1366px) {
	.content-wrapper,
	.footer-content {
		width: 70%;
	}
}

@media only screen and (max-width: 1024px) {
	.content-wrapper,
	.footer-content {
		width: 80%;
	}
	.footer {
		padding-bottom: 4rem;
	}
}

@media only screen and (max-width: 800px) {
	.grid-container {
		grid-template-columns: auto;
	}
}

@media only screen and (max-width: 500px) {
	.main-container {
		padding: 0 1.5rem;
	}

	.medella {
		background: url("./img/medella-vis.png") 100% 1% / 33% no-repeat,
			url("./img/medella-bg.png") 100% 0 / 38% no-repeat;
	}

	.supermedia {
		background: url("./img/supermedia-vis.png") 100% 1% / 33% no-repeat,
			url("./img/sm-bg.png") 100% 0 / 38% no-repeat;
	}

	.content-wrapper {
		width: 100%;
		padding: 0;
	}

	.title-section {
		width: 100%;
	}

	.shareholder {
		line-height: 2.5rem;
		font-size: 2rem;
		padding: 3.25rem 0 4rem 0;
		font-weight: 900;
	}

	.supermedia-shareholder {
		width: 50%;
	}

	.lead-title,
	.news-section-title,
	.footer-title {
		font-size: 1.5rem;
	}

	.news-section-title {
		padding-bottom: 1rem;
	}

	.news-pagination {
		margin: 5rem 0 3rem 0;
		list-style: none;
		display: flex;
		padding-left: 0;
	}

	.footer {
		margin: 0 -1.5rem;
		background: url("");
		color: #fff;
		padding: 2rem 1.5rem;
	}

	.medella .footer {
		background-color: #000;
	}
	.supermedia .footer {
		background-color: #29568d;
	}
	.zpr .footer {
		background-color: #c22d2f;
	}

	.footer-content {
		width: 100%;
	}

	.footer-krs {
		font-size: 1rem;
		padding: 0.5rem 0;
	}
}


.footer-court > p > a,
.footer-court > p > a:visited
{
    color: white;
}

.footer-court > p > a:hover {
    color: #999;
}