/* Monitore kleiner als 1400px */
@media screen and (max-width: 1400px){
	.section{
		padding-left:20px;
		padding-right:20px;
	}
	
	.block.stroj .strojpic {
		right:calc(50% - 500px);
	}
	
	.block.stroj .strojsticker{
		right:calc(50% - 150px);
	}
	
	.block.logo ul {
		margin-left:20px !important;
	}
	
	.section.cennik{
		padding-left:40px;
		padding-right:40px;
		background:#EBEBEB;
	}
	
	.cennik .cenniksticker {
		left:50px;
		top:-110px;
	}
	
	.cennik .kategoria{
		width:100%;
	}
	
	.section.kontakt #map-canvas{
		width:70% !important;
	}
}
/* Monitore kleiner als 1100px */
@media screen and (max-width: 1100px){

	.section{
		padding-left:0px !important;
		padding-right:0px !important;
	}
	
	
	.section.start-hero{
		background:#1D1D1B;
		color:#fff;
		height:auto;
	}
	
	.start-hero .container{
		flex-direction:column;
		
	}
	
	.start-hero .block{
		width:100%;
		padding:20px;
	}
	
	.start-navigacia{
		display:none;
	}
	
	.start-hero .block.stroj{
		background:#F3930D;
		height:300px;
		position:relative;
    }
	
	.block.logo > div.logopic{
		height:100px;
		justify-content:space-between;
	}
	
	.block.logo > div.logopic img{
		width:130px;
    }
	
	.block.stroj .kontakt{
		display:none;
	}

	.block.logo .logopic .kontakt{
		float:right;
		text-align:right;
		display:flex;
		flex-direction:column;
		align-items:right;
		justify-content:center;
	}

	.block.logo .logopic .kontakt :first-child{
		font-size:1.3em;
		font-weight:400;
		color:#F3930D;
	}

	.block.logo .logopic .kontakt :nth-child(2){
		font-size:2.2em;
		font-weight:700;
		color:#fff;
	}

	.block.logo .logopic .kontakt a, .block.logo .logopic .kontakt a:visited{
		text-decoration:none;
		color:#1D1D1B;
		transition: all 0.4s ease 0s;
		o-transition-duration:  all 0.4s ease 0s;
		ms-transition-duration:  all 0.4s ease 0s;
		moz-transition-duration:  all 0.4s ease 0s;
		webkit-transition-duration:  all 0.4s ease 0s;
		font-weight:700;
	}
	
	.block.logo ul{
		padding:30px;
	}
	
	.block.stroj .strojpic{
		width:262px;
		height:280px;
		top: calc(50% - 130px);
		left: calc(50% - 70px);
	}	
	
	.block.stroj .strojsticker{
		width:200px;
		height:200px;
		border-radius:200px;
		top:calc(50% - 100px);
		left: calc(50% - 220px);	
	}	
	
	
	.section.rychlykontakt .container{
		flex-direction:column;
	}
	
	.section.rychlykontakt .block{
		width:100% !important;
		padding:40px 0 !important;
	}
	
	.section.rychlykontakt .block.kontakty{
		justify-content:space-around !important;
	}
	
	.section.popis {
	  height: auto;
	  background: #EBEBEB;
	  margin-top:0px;
	  padding-top: 20px;
	  padding-bottom: 20px;
	  position: relative;
	}
	
	.popis > .container > * {
	  width: calc(100% - 40px);
	  padding: 20px;
	}	
	
	.popis .c2a {
	  background:#F3930D url("../img/exclamation.svg");
	  background-size:auto 150px;
	  background-position:20px center;
	  background-repeat:no-repeat;
	  position: relative;
	  bottom: 0;
	  height: auto;
	  display: flex;
	  justify-content: center;
	  padding:20px;
	}

	.popis .c2a .container > * {
	  width: calc(100% - 60px);
	}
	
	.section.fakty {
	  margin-top: 20px;
	  padding:20px;
	}	

	.fakty > .container {
	  flex-direction: column;
	  justify-content: center;
	  align-items:center;
	}
	
	.fakty .fakt {
	  width: 400px;
	  max-width:95vw;
	  display: flex;
	  flex-direction: row;
	  justify-content: flex-start;
	  align-items: center;
	  padding-bottom:20px;
	}	
	
	.fakty .fakt .ikona {
	  width: 100px;
	  height: 80px;
	}	
	
	.fakty .fakt p {
	  padding: 20px 20px;
	}	
	
	.fakty .c2a {
	  background: #F3930D;
	  height: 150px;
	  width: 100%;
	  margin:0px;
	  margin-top:20px;
	}	
	
	.section.cennik {
	  height: auto;
	  background: #EBEBEB;
	  margin-top: 20px;
	  padding:20px;
	  align-items: flex-start;
	}	
	
	.section.cennik .container{
		flex-direction:row;
		align-items: flex-start;
    }
	
	.section.cennik .container.asterisk{
		flex-direction:column;
		padding:20px 20px;
	}
	
	.cennik .kategoria.head {
		width:33%;
	}
	
	.cennik .kategoria {
		display: flex;
		flex-direction: column;
		width: 33%;
		border:0;
		border-right:4px solid #fff;
	}	

	.cennik h2{
		display:none;
	}
	
	.cennik h2.mobile{
		display:block;
		margin-top:80px;
		text-align:left;
		width:80%;
		font-size:4em;
		padding-left:40px;
	}
	
	.cennik .kategoria .label {
		width: 100%;
		height:100px;
		text-align:center;
		border:0;
		border-bottom:4px solid #fff;
		display:flex;
		flex-direction:column;
		align-items:center;
	}	
	.cennik .kategoria .hodnota {
		width: 100%;
		height:100px;
		align-items:center;
		justify-content:center;
		border:0;
		border-bottom:4px solid #fff;
		display:flex;
		flex-direction:column;
		align-items:center;
	}	

	.cennik .kategoria .hodnota .mini{
		margin-top: 10px !important;
	}

	
	.cennik .kategoria .hodnota img{
		height:80px;
		width:auto;
	}
	
	.cennik .kategoria.head, .cennik .kategoria.head .label, .cennik .kategoria.head .hodnota{
		border:0 !important;
	}

	.cennik div:last-child{
		border-right:0 !important;
	}

	
	.cennik .kategoria div:last-child{
		border-bottom:0 !important;
	}
	
	.cennik .cenniksticker {
		top: -20px;
		left: calc(100% - 200px);
	}	
	
	.section.kontakt {
		height: auto;
		background:#1D1D1B;
		margin-top: 0px;
		margin-bottom: 0px;
		font-size:1.6em;
	}	
	
	.section.kontakt .container{
		padding:20px;
	}	
	
	.section.kontakt h2 {
		margin-top: 0px;
	}	
	.section.kontakt #map-canvas{
		position:relative;
		width:100% !important;
		height:500px !important;
		margin-top:20px;
		
	}
}

/* Monitore kleiner als 600px */
@media screen and (max-width: 600px){

	.section.rychlykontakt .block.kontakty{
		flex-direction:column !important;
		padding-top:0px !important;
	}
	
	.section.rychlykontakt .block.kontakty a{
		display:flex;
		flex-direction:row;
		width:320px;
		align-items:center;
	}
	
	.section.rychlykontakt .block.kontakty a svg{
		width:60px;
	}	
	.section.rychlykontakt .block.kontakty a .text{
		text-align:left;
		margin-left:40px;
		margin-top:0px;
		font-size:1.4em;
	}

}