body {
	overflow-x: hidden;
	font-family: 'Cabin', serif;

}
nav {
	z-index: 10;
}
.navbar
{
	font-size: 1rem;
	padding: .8rem;
	z-index: 5;
}
.navbar-nav li {
	padding-right: 20px;
	z-index: 5;
}
.bg-chlopecki
{
	background: #f2f2f2;
	color: black;
}
.video-background {
	position: relative;
	width: 100%;
	min-height: 100vh;
	background-color: rgba(0, 0, 0, 0.1);
}
.caption {
	position: absolute;
	width: 100%;
	top: 38%;
	color: white;
}
.caption h1 {
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: .2rem;
	text-shadow: .1rem .1rem .8rem black;
	padding-bottom: 1rem;
	text-transform: uppercase;
}
.caption h3 {
	font-size: 2rem;
	text-shadow: .1rem .1rem .5rem black;
	padding-bottom: 1.6rem;
}
.btn-lg {
	border-width: medium;
	border-radius: 0;
	font-size: 1.1rem;
	padding: .6rem 1.3rem;
}
.jezyki {
	background-color: #3b3b3b;
}
.jezyki img {
	margin: 0.1rem;
}
.jezyki img:hover {
	box-shadow: 1px 1px 1px #ccc;
			-moz-box-shadow: 1px 1px 1px #ccc;
			-webkit-box-shadow: 1px 1px 1px #ccc;
			-khtml-box-shadow: 1px 1px 1px #ccc;
}
.padding {
	padding: 5.5rem;
}
.padding img {
	width: 100%;
}
.padding h2 {
	padding-top: .5rem;
}
.google-maps {
	position: relative;
	padding-bottom: 20%; // Tutaj regulujemy wysokość
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.znajdziesz {
	margin-top: 5rem;
}
#uslugi {
	padding-top: 1rem;
}
#testy {
	padding-top: 4rem;
}
footer {
	width: 100%;
	background-color: #f2f2f2;
	padding: 5% 5% 10% 5%;
}
.fa-facebook {
	margin: 1rem;
	font-size: 2rem;
	color: blue;
}
.fa-youtube {
	margin: 1rem;
	font-size: 2rem;
	color: red;
}
footer h4
{
	font-size: 1.4rem;
}
/*============= RESPONSYWNOŚĆ =============*/

.col-md-8 {
  margin: 2rem auto 8rem;
  padding-top: 2rem;
}
.col-md-8 h1 {
    font-size: 2.4rem;
  }
.btn-secondary {
  border-width: medium;
  border-radius: 0;
  padding: .6rem 1.2rem;
  font-size: 1.2rem;
  text-transform: uppercase;
  margin: 1rem;
  border-color: #1EBBA3;
  background-color: #1EBBA3;
  color: white;
}
.btn-secondary:hover,
.btn-secondary:focus {
  border-color: #189582;
  background-color: #189582;
  color: white;
}
.card {
	background-color: #fbfffa;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}
iframe {
	border: none;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 992px) {
.jezyki img {
	width: 5%;
}
.video-container {
	position: relative;
	padding-bottom: 95%;
	padding-top: 30px; height: 0; overflow: hidden;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}
  }
@media(max-width: 767px) {
.caption h1 {
	font-size: 1.4rem;
	letter-spacing: .15rem;
	padding-bottom: .5rem;
	text-transform: uppercase;
}
.caption h3 {
	font-size: 1.1rem;
	padding-bottom: 1.2rem;
	width: 95%;
}
.btn-lg {
	font-size: 1rem;
	padding: .5rem 1rem;
}	
.col-md-8 h1 {
	font-size: 1.7rem;
}
.jezyki img {
	width: 10%;
}
.padding h2 {
	padding-top: .5rem;
}
.padding {
	padding: .5rem;
}
.znajdziesz {
	margin-top: 3rem;
}
.google-maps {
	padding-bottom: 50%; 

}
footer .col-sm-4 {
	margin: 2rem;
}
}



/*============ BOOTSTRAP BREAK POINTS:

Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

=============*/