@charset "UTF-8";
/* CSS Document */

@media (min-width: 768px) and (max-width: 991px) {
	.logo img{
		height: 30px;
	}
	.menu {
		display: none;
	}
	.section2 {
		display: none;
	}
	.section2-mobile {
		display: flex;
	}
	.divs2-mobile {
		margin: 30px 0;
	}
	.divs3 {
		width: 90%;
		margin: 30px 0;
	}
	.divs3 h1 {
		font-size: 3.5rem;
	}
	.bodi {
		grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
	}
	.bodi h1 {
		font-size: 2rem;
	}
	.divs5 {
		margin: 30px 0;
		width: 90%;
		grid-template-columns: repeat(auto-fit, minmax(150px,1fr));
	}
	#image-container {
  		height: 30%;
		border-radius: 20px;
	}
	#description-text {
  		max-width: 70%;
		left: 50px;
	}
	.headings h1 {
  		font-size: 1.5rem;
	}
	.sectionnadpis {
		width: 100%;
		padding: 30px 5% 0 5%;
	}
	.map {
		width: 90%;
	}
	.section5 h1 {
		margin: 50px 0 20px;
	}
	.kontakty {
		padding: 20px;
	}
	.kontakty p {
		font-size: 0.7rem;
	}
	.section4_mobile {
		display: none;
	}
	.dots, .dots2 {
		display: none;
	}
	.red {
		font-size: 1.5rem;
	}
	.kontakty {
		line-height: 1.6;
	}
	.headings {
		width: 30%;
		margin: 100px 5% 100px 5%;
	}

	.headings h1 {
  		font-size: 1.2rem;
	}
	#description-text {

  max-width: 90%;
  text-align: justify;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  margin: 100px 0 100px 0;
  position: absolute;
  left: 0;
	}
}