body {
	font-family: 'Roboto', sans-serif;
	color: black
}

.background-img-full {
  background: url(../assets/melon.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.vertical-center {
  min-height: 100%;
  min-height: 100vh;

  display: flex;
  align-items: center;
}

/* Navigation */
.navbar {
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.navbar-brand {
 padding: 0px;
}

.navbar-brand img {
	height: 28px;
}

.navbar-brand div {
  font-weight: 700;
  font-size: 25pt;
}

.navbar-light {
	background-color: white !important;
}

.navbar-light .navbar-nav .nav-link {
	color: black;
	font-size: 18px;
}

.navbar-nav li a {
  color: black !important;
}

.nav-link {
	font-weight: 700;
}

.navbar-toggler {
	border: none;
}

.navbar-light .navbar-toggler-icon {
	background-image: url("../assets/melon/hamburger-black.svg");
}

.nav-item a img {
	margin-bottom: 4px;
}

@media (max-width: 768px) { 
  .navbar-nav>li {
	text-align: center;
  }
}

.panel {
	height: 400px;
}

.top {
}

.content-panel {
	padding-top: 20px;
	padding-left: 48px;
	padding-right: 48px;
}

.top h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 68pt;
	line-height: normal;
	word-spacing: 100%;
	color: orange;
}
.panel h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 42pt;
	line-height: normal;
	word-spacing: 100%;
}

.panel p {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16pt;
	line-height: normal;
	word-spacing: 100%;
}

.content-panel h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 26pt;
	line-height: normal;
	word-spacing: 100%;
}

.content-panel p {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16pt;
	line-height: normal;
	word-spacing: 100%;
}

.trainings-info {
	padding-top: 125px;
}

.top-image {
  background: url(../assets/melon.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 400px;
}

.white-panel {
	background-color: white;
	color: black
}

.black-panel {
	background-color: black;
	color: white;
}

.software-image {
  background: url(../assets/hydrant.png) no-repeat center center; 
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Stopka */
footer {
	background-color: black;
	padding-bottom: 8pt;
}

.footer-logo {
	margin-top: 8pt;
	margin-bottom: 8pt;
}

footer h1 {
	margin-top: 8px;
  font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 12pt;
	line-height: normal;
	word-spacing: 100%;
}

a:link {
	color: white;

}
a:visited {
  color: white;

}

a:active {
  color: white;

}
a:hover {
  color: white;

}

footer h2 {
  font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 12pt;
	line-height: normal;
	word-spacing: 100%;
}

footer p {
	margin-bottom: 4px;
  font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 12pt;
	line-height: normal;
	word-spacing: 100%;
}

footer span {
  font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 12pt;
	line-height: normal;
	word-spacing: 100%;
}

.footer-topics h1 {
	margin-top: 16pt;
	margin-bottom: 8pt;
}


.about {
}

.about h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 68pt;
	line-height: normal;
	word-spacing: 100%;
	
	margin-bottom: 28pt;
}

.about p {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 16pt;
	line-height: normal;
	word-spacing: 100%;
	margin-left: 40pt;
	margin-bottom: 16pt;
}