@media (max-width: 1300px) {
	
	.i1{
		max-width: 5%;
	}
	
	.p1 {
		font-size: calc(min(1px + 2.5vw, 16px));
	}
	
	.but {
		font-size: calc(6px + 2.3vw);
	}
	
	.sg1 {
		text-align: center;
		padding-right: 0px;
	}
	
	.sg2 {
		text-align: center;
		padding-top: 3%;
		padding-bottom: 3%;
		padding-left: 0%;
		padding-right: 0%;
	}
	
	.budmex {
		max-width: 40%;
		margin-bottom: 2.5%;
	}
	
	.rig {
		text-align: center;
		width: 100%
	}
	
	.sg3 {
		font-size: calc(6px + 1.4vw);
	}
	
	.centered {
		left: 50%;
	}
	
	.i3 {
		height: calc(min(128px, 32px + 5vw));
	}
	
	.inv {
		visibility: hidden;
		width: 0;
		height: 0;
	}
	
	.lef {
		width: calc(184px + 28vw);
		height: 100%;
		padding-top: calc(min(20px, 10px + 1vw));
		padding-bottom: calc(min(20px, 10px + 1vw));
	}
	
	.lef1 {
		width: calc(184px + 28vw);
		height: 100%;
		padding-top: calc(min(20px, 10px + 1vw));
		padding-bottom: calc(min(20px, 10px + 1vw));
	}
	
	.lef2 {
		padding: 0;
		height: calc(min(128px, 32px + 6vw));
	}
	
	.sp {
		font-size: calc(min(18px, 10px + 0.5vw));
		padding-left: 5vw;
		padding-right: 5vw;
	}
	
	.sp1 {
		font-size: calc(min(18px, 5px + 1vw));
		padding-left: 5vw;
		padding-right: 5vw;
	}
	
	.k1 {
		float: right;
		width: 100%;
		align: center;
		padding: 8px;
	}
	
	.sg4A1 {
		padding: 8px;
		font-size: calc(10px + 1vw);
		width: 75%;
	}
	
	.sg4B {
		padding: 0;
	}
	
	.sg4D {
		padding: 0;
	}
	
	.ofa {
		font-size: calc(min(18px, 1.8vw));
		margin: 0;
		padding-left: 0;
		padding-right: 0;
		padding-top: 1vw;
		padding-bottom: 1vw;
	}
	
	.sg5 {
		font-size: calc(7px + 1vw);
	}
	
	#map {
		height: 300px;       
		width: 100%;
		margin: 0;
	}
	
	#map2 {
		float: left;
		height: calc(min(650px, 300px + 10vw));   
		width: 100%;
		margin: 0;
	}
	
	.trasa {
		font-size: calc(min(32px, 10px + 5vw));
	}
	
	.sg8 {
		font-size: calc(7px + 1vw);
	}
}