
@media screen and (max-width: 900px), (max-width:6in) {
	#logo_bar {
			width:30% !important;
			height:auto !important;
	}

	.logo_tell {
		display:none;
	}
	
	/* position of tel contact image in small menu scroll_button.php */
	#mscMenu_tel {
		margin-top: 10px !important;
	}
	
}
	
@media screen and (max-device-width: 6in) {
	h1 {
		font-size:4vw;
	}

	span {
		font-size:3vw;
	}

	p {
		font-size:3vw;
	}
	
	a {
		font-size:3vw;
	}

	li {
		font-size:3vw;
		margin:0px;
	}
	
	#kontakt_f h1 {
		font-size:4vw;
	}
	#kontakt_f p {
		font-size:2.5vw;
	}
	#kontakt_f a {
		font-size:2.5vw;
	}
	
	#main_content {
		//**background:url(../images/02.jpg) no-repeat #000 top center / contain;**/
		background-size:100%;
		background-attachment:fixed;

	}

	#logo_bar {
		display:none;
	}

	.logo_tell {
		display:none;
	}
	
	/* position of tel contact image in small menu scroll_button.php */
	#mscMenu_tel {
		margin-top: 20px !important;
	}

	 .gallery {
		padding:0px !important;
	 }
	 
	.gallery_item {
		background:url(../images/loading.gif) no-repeat center center;
		width:98vw !important;
		box-sizing: border-box;
		text-align:center;
		opacity:1;filter:alpha(opacity=100);
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding:0px; 
		border:1px solid #ccc; 
		background-color:#fff;
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
		transition: all 0.3s;
		display:flex;
		align-items:flex-start;
		align-self: center;
		
	}

	.gallery_item:hover {
			transform:scale(0.95);
	}

	.sub_pages {
		display:flex; 
		flex-direction:column;
		text-align:center; 
		width:100%; 
		margin:0px; 
		margin-top:30px;
		margin-bottom:0px; 
		padding:0px;
		background: rgba(0, 0, 0, 0.5);

	}
	
	
	#produkty_main p {
		font-size: 4vw; 
	}

	.produkty {
		background-color:#fff;
		width:100vw;
		margin:5px;
		border:1px solid #ccc;
		-moz-border-radius: 3px;
		border-radius: 3px;
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
		font-size: 1.3vw; 
		color:#fff;
		transition: all 0.3s;
		display:flex;
		flex-direction:column;
		justify-content: space-between;
		align-content: center;
		align-items: center;
	}

	.fotogaleria_item {
		width:100vw !important;
		text-align:center;
		opacity:1;filter:alpha(opacity=100);
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding:2px; 
		margin:5px; 
		border:1px solid #ccc; 
		background-color:#fff;
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
		display:flex;
		flex-direction:column;
		justify-content: space-between;
		align-content: center;
		align-items: center;
		transition: all 0.3s;
	}

	.gallery_item_font {
		font-family:'FontAwesome';
		font-size:4vw;
		color:#404040;
		align-self: center;
	}


	.sub_pages div {
		padding-left:10px;
		padding-right:10px;
	}

.home_aktuality	{
		text-align:center;
		font-family:'FontAwesome';
		font-size:1.3vw;
		background-color:#000;
		cursor:pointer; 
		display:inline-block; 
		width:93%; 
		padding-top:20%; 
		padding-bottom:20%; 
		margin:10px;
		margin-top:3vw;
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); 
		border:2px solid #fff; 
		opacity:1;
		-moz-border-radius: 3px;
		border-radius: 3px;
		transition: all 0.3s;
	}

	.home_aktuality:hover {
		transform:scale(0.95);
	}


	.home_aktuality_inbox {
		display:flex; 
		flex-direction:column; 
		width:auto; 
		height:auto; 
		vertical-align:middle; 
		background: rgba(0, 0, 0, 0.7);
		padding:10px;
	}

	.home_aktuality_title {
		font-family:'FontAwesome';
		color: #F0801E;
		text-decoration:none;
		font-weight:bold;
		font-size:4vw;
	}

	.home_aktuality_intro {
		font-family:'FontAwesome';
		font-size:3vw;
	}



	.atitle {
		font-size:5vw;
	}
	
	#box_intro span {
		font-size:4vw;
		padding:2vw;
		padding-top:0px;
	}

	#sluzby {
		font-size:6vw;
	}
	
	#objednavka_top {
		margin-top:200px;
		transform:scale(1.5);
		transform-origin:top center;
		margin-bottom:400px;
	}
	
	#objednavka h1 {
		font-size:5vw;
	}

	#kontakt_top {
		width:100%;
		height:auto;
		display:inline-block;
	}

	#kontakt {
		font-family:'FontAwesome';
		color:#666;
		font-size:2vw;
		display:flex;
		flex-direction:column;
		text-align:center;
		transition: all 0.3s;
		opacity:1;
		width:80%;
		margin:0 auto;
	}

	#kontakt h1 {
		background: rgba(0, 0, 0, 0.5);
		padding:10px;
		font-family:'FontAwesome';
		font-size:4vw;
	}

	#kontakt span {
		font-weight:bold;
		font-family:'FontAwesome';
		font-size:3vw;
		color: #fff;
		margin:10px;
	}


	#kontakt input[type=text], input[type=tel], input[type=email], input[type=number]{
		margin:0px;
		padding:5px;
		font-family:'FontAwesome';
		font-size:3vw;
		color:#666;
		border:0px solid #fff;
		-webkit-text-fill-color: #666;
		width:97%;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	#kontakt input[type=button], input[type=submit], input[type=reset] {
		width:auto;
		-moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
		font-family:'FontAwesome';
		font-size:4vw;
		background-color: #2d7dc4;
		-moz-border-radius: 10px;
		border-radius: 10px;
	  border: none;
	  color: white;
	  padding-top: 10px 15px;
	  text-decoration: none;
	  margin: 0px 2px;
	  cursor: pointer;
	  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	  transition: all 0.3s;
	}

	#kontakt input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
		opacity:0.8; filter:alpha(opacity=80);
		
	}

	#kontakt textarea {
		font-family:'FontAwesome';
		color: #666;
		font-size:3vw;
		padding:5px;
		margin:0px;
		resize: none; 
		width:100%; 
		height:100px;
		box-sizing: border-box;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}



	#page_bottom {
	}
	
	#page_bottom p {	/*left*/
		font-size:3vw;
	}
	#page_bottom span {
		font-size:3vw;
	}
	
	#page_bottom a {
		font-size:3vw;
	}
	
	#page_bottom li {
		font-size:3vw;
	}
	
	#page_bottom ul {
		font-size:3vw;
	}
	
	#bottom_services {
		padding-left:10px;
		display:none !important;
	}
	
	#page_bottom_middle {
		padding-left:20px;
	}
	
	#response_inner_div p {
		font-size:3vw;
	}
	
	#response_inner_div img {
		width:4vw;
	}

	.kontakt_item {
		width:80%;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	#promo_text {
		display:flex; 
		text-align:center; 
		width:auto; 
		background: rgba(0, 0, 0, 0.5); 
		padding:20px;
	}

	
	#promo_text span {
		font-size:3vw;
		line-height:3.8vw;
	}
}
