body {
	font-family: 'Poppins', sans-serif;
	margin:0;
}

.sidebar {
  margin: 0;
  padding: 0;
  width: 300px;
  background-color: #05005c;
  position: fixed;
  height: 100%;
  overflow: auto;
}

.sidebar a,p {
  display: block;
  color: black;
  padding: 16px;
  text-decoration: none;
  color:white;
}

.sidebar a.logo-umg {
  display: inline;
  padding: 0px;
}

.sidebar p {
  position: fixed;
  left: 0;
  bottom: 0;
}

.sidebar a.logo-slot {
  background-color: white;
}

.sidebar a:hover:not(.logo-slot,.logo-umg) {
  background-color:white;
  color:#05005c;
}

.content {
  margin-left: 300px;
  padding: 1px 16px;
  min-height: 1000px;
  background-color:#75baff;
  /*
background: rgb(0,245,255);
background: linear-gradient(19deg, rgba(0,245,255,1) 0%, rgba(0,185,255,1) 50%, rgba(181,255,250,1) 100%);
*/
  color:white;
}

.content h1, .content h2, .content h3 {
	text-align:center;
}

img#logo {
	width:100%;
}

p#credits {
	display:none;
}

table#opiekunowie, table#zarzad, table#powody {
	table-layout: fixed;
	margin:auto;
	width:100%;
	text-align:center;
}

img#logo-kontakt {
	width:15%;
}

table#opiekunowie tr td img {
	width:30%;
}

table#zarzad tr td img {
	width:45%;
}

table#powody tr td img {
	width:35%;
}

@media screen and (min-width: 700px) {
	.powody-mobile {
		display:none;
	}
}

@media screen and (max-width: 699px) {
	.powody-text {
		display:none;
	}
}

@media screen and (max-width: 849px) {
	#fb-frame {
		display:none;
	}
}

@media screen and (max-width: 900px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }
  
  .sidebar a {
    text-align: center;
    float: none;
  }
  
  div.content {
	  margin-left: 0;
  }
  
  img#logo {
	width:70%;
  }

	.sidebar p {
	  display:none;
	}
	.sidebar p img {
	  display:inline;
	}


	p#credits {
		display:block;
		text-align: center;
		left: 0;
		bottom: 0;
	}
}

@media screen and (max-width: 1250px) {
	table#opiekunowie tr td img {
		width:70%;
	}
	table#zarzad tr td img {
		width:60%;
	}
	table#powody tr td img {
		width:60%;
	}
	img#logo-kontakt {
		width:60%;
	}
}