@charset "utf-8";
/* CSS Document */
	
@media (max-width: 768px){
	.container{
		width: 100%;
		padding-right: 0px;
		padding-left: 0px;
		}
	.container-2{
		width: 100%;
		padding-right: 0px;
		padding-left: 0px;
		}
		.text-main-left   {
	padding-left: 50px;
	padding-right: 100px;
}
.col-down {
	width: 100%;
}
	.col-footer {
	display: none;
	}
		.col-footer-resp {
	display: inherit;
		}
			.col-projekt {
	width: 100%;
	padding-left: 30px;
	padding-right: 40px;
} 
.col-image-projekt {
	width: 100%;
	padding-bottom: 20px;
	} 

		}
		
@media (max-width: 750px){
	.menu-container   {
	display: inherit;
}
	.menu {
	display: none;
}
.text-main-left   {
	padding-left: 50px;
	padding-right: 50px;
}
	.col-footer-3 {
	display: inherit;
	}
	.col-footer-2 {
	display: none;
	}
				.col-projekt {
	padding-right: 30px;
} 
	.text-kontakt-left {
	width: 100%;
	padding-right: 10px;
	padding-bottom: 10px;
}
.text-kontakt-right {
	width: 100%;
}
	}
	

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@media (max-width: 376px){
	h1 {
	font-size: 28px;
	line-height: 32px;
}
.text-main-left   {
	padding-left: 30px;
	padding-right: 30px;
}
.closebtn {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 36px !important;
    margin-left: 50px;
}
.openbtn {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 36px !important;
    margin-left: 50px;
}
	.text-kontakt-left {
	padding-left: 30px;
}
.text-kontakt-right {
	padding-left: 30px;
}
}

@media (max-width: 330px){
	h1 {
	font-size: 24px;
	line-height: 28px;
}
}