body{
	background-color: #C0C0C0;
	font-family: Arial, Helvetica, sans-serif;
	display: flex;
	justify-content: center;
	margin:0px;
}

main {
	width:60%;
	background-color: red;
}

header {
    display: flex;
	align-items: center;
    height:100px;
    background-color:red;
	padding: 0px 24px;
}

header .item {
	width: 100%;
	text-align: center;
}

header h3 {
	text-align: center;
	font-size: 24px;
	color:white;
	-webkit-text-stroke: 1px black;
}

.container {
	position:relative;
	display: block;
	width:100%
}

.container img {
	width:100%;
}

.container .transformtext {
	position: absolute;
	top:270px;
	left:-320px;
	transform: rotate(270deg);
	font-size: 35px;

	text-decoration: none;
	color:black;
	-webkit-text-stroke: 1px white;
}

.container .navsection {
	display: flex;
	width: 100%;
}

nav {
	width: 40%;
	margin-left: 90px;
	margin-right:20px;
}

nav ul {
	list-style: none;
}

nav ul li {
	height:3.5em;
}

nav ul li a{
	color: white;
	text-decoration: none;
}

nav ul li::before {
	margin-left: -2.5em;
	content: url('images/pijawka-icon.png');
	display: inline;
}

nav ul li.linked a{
	color: yellow;
	text-decoration: none;
}

nav ul .linked::before {
	margin-left: -2.5em;
	content: url('images/pijawka-icon-linked.png');
	display: inline;
}

section {
	width: 90%;
	background-color: white;
	margin: 16px;;
	padding:16px;
}

section .image img {
	height:300px;
	width:auto;
}

section.center {
	text-align: center;
}

section h4 {
	color: red;
	font-size: 20px;
}

section h4.tel {
	font-size: 32px;
}

section table {
	padding-bottom: 12px;
	width:100%;
	text-align: center;
	border: 2px white;
	color:white;
	font-size: 14px;
	font-weight: bold;
}

section table tr td {
	padding:6px;
	background-color: red;
}

section table tr td.greens {
	font-size: 12px;
	background-color: yellowgreen;
	color: black;
}

section table tr td.oranges {
	font-size: 12px;
	background-color: darkorange;
}

section table tr td.violets {
	font-size: 12px;
	background-color: #6665fe;
}

footer {
	width: 100%;
	font-size: 15px;
	text-align: center;
	background-color: red;
	color: white;
}

footer a{
	text-decoration: none;
	color: white;
}

@media screen and (max-width: 1400px) {
	.container .transformtext {
		top:270px;
		left:-220px;
		font-size: 24px;
	}
}

@media screen and (max-width: 1200px) {
  main {
	width:100%;
  }

  .navsection {
	  flex-direction: column;
	  align-items: center;
  }

  .navsection nav {
	  width:80%;
  }
}

@media screen and (max-width: 800px) {
	header h3 {
		font-size: 16px;
	}
}