.resp-m-10 {
	width: 10%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-m-10-pdg-1 {
	padding: 1%;
	width: 8%;
	height: auto;
	overflow: hidden;
}
.resp-m-20 {
	width: 20%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-m-20-pdg-1 {
	padding: 1%;
	width: 18%;
	height: auto;
	overflow: hidden;
}
.resp-m-30 {
	width: 30%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-m-30-pdg-1 {
	padding: 1%;
	width: 28%;
	height: auto;
	overflow: hidden;
}
.resp-m-30-pdg-1-mrg-l-1 {
	padding: 1%;
	width: 27%;
	margin-left: 1%;
	height: auto;
	overflow: hidden;
}
.resp-m-30-pdg-1-mrg-r-1 {
	padding: 1%;
	width: 27%;
	margin-right: 1%;
	height: auto;
	overflow: hidden;
}
.resp-m-40 {
	width: 40%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-m-40-pdg-1 {
	padding: 1%;
	width: 38%;
	height: auto;
	overflow: hidden;
}
.resp-m-40-pdg-1-mrg-l-1 {
	padding: 1%;
	width: 37%;
	margin-left: 1%;
	height: auto;
	overflow: hidden;
}
.resp-m-40-pdg-1-mrg-r-1 {
	padding: 1%;
	width: 37%;
	margin-right: 1%;
	height: auto;
	overflow: hidden;
}
.resp-m-50 {
	width: 50%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-m-50-pdg-1 {
	padding: 1%;
	width: 48%;
	height: auto;
	overflow: hidden;
}
.resp-m-50-pdg-1-mrg-l-1 {
	padding: 1%;
	width: 47%;
	margin-left: 1%;
	height: auto;
	overflow: hidden;
}
.resp-m-50-pdg-1-mrg-r-1 {
	padding: 1%;
	width: 47%;
	margin-right: 1%;
	height: auto;
	overflow: hidden;
}
.resp-m-60 {
	width: 60%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-m-60-pdg-1 {
	padding: 1%;
	width: 58%;
	height: auto;
	overflow: hidden;
}
.resp-m-70 {
	width: 70%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-m-70-pdg-1 {
	padding: 1%;
	width: 68%;
	height: auto;
	overflow: hidden;
}
.resp-m-80 {
	width: 80%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-m-80-pdg-1 {
	padding: 1%;
	width: 78%;
	height: auto;
	overflow: hidden;
	font-size: 50px;
}
.resp-m-90 {
	width: 90%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-m-90-pdg-1 {
	padding: 1%;
	width: 88%;
	height: auto;
	overflow: hidden;
}
.resp-m-100 {
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.resp-m-100-pdg-1 {
	padding: 1%;
	width: 98%;
	height: auto;
	overflow: hidden;
}

.resp-m-mrg-1 {
	margin: 1%;
}
.resp-m-mrg-2 {
	margin: 2%;
}
.resp-m-mrg-3 {
	margin: 3%;
}
.resp-m-mrg-4 {
	margin: 4%;
}
.resp-m-mrg-5 {
	margin: 5%;
}

.resp-m-mrg-10 {
	margin: 10%;
}
.resp-m-mrg-20 {
	margin: 20%;
}
.resp-m-mrg-30 {
	margin: 30%;
}
.resp-m-mrg-40 {
	margin: 40%;
}

.resp-m-mrg-10-left {
	margin-left: 10%;
}
.resp-m-mrg-20-left {
	margin-left: 20%;
}
.resp-m-mrg-30-left {
	margin-left: 30%;
}
.resp-m-mrg-40-left {
	margin-left: 40%;
}

.resp-m-mrg-1-top {
	margin-top: 1%;
}
.resp-m-mrg-2-top {
	margin-top: 2%;
}
.resp-m-mrg-3-top {
	margin-top: 3%;
}
.resp-m-mrg-4-top {
	margin-top: 4%;
}
.resp-m-mrg-5-top {
	margin-top: 5%;
}

.resp-m-float-left {
	float: left;
}
.resp-m-float-right {
	float: right;
}

.resp-m-blok-center {
	margin-left: auto;
	margin-right: auto;
}

.resp-m-wi-100 {
	width: 100%;
}
.resp-m-fix-wi-400 {
	width: 400px;
}
.resp-m-fix-wi-200 {
	width: 200px;
}

.resp-l-fs-10 {
	font-size: 10px;
}
.resp-m-fs-12 {
	font-size: 12px;
}
.resp-m-fs-14 {
	font-size: 14px;
}
.resp-m-fs-18 {
	font-size: 18px;
}
.resp-m-fs-22 {
	font-size: 22px;
}
.resp-m-fs-30 {
	font-size: 30px;
}
.resp-m-fs-50 {
	font-size: 50px;
}

.resp-m-menu-span {
	display: inline-block;
	width: 100%;
	margin: 20px 0;
	font-size: 50px;
}
.resp-m-grid-video {
	display: grid; 
	grid-template-columns: 380px 1fr; 
	grid-gap: 10px; 
}
.resp-m-grid-1 {
	display: grid; 
	grid-template-columns: 1fr; 
	grid-gap: 10px; 
}
.resp-m-grid-2 {
	display: grid; 
	grid-template-columns: 1fr 1fr; 
	grid-gap: 10px; 
}
.resp-m-grid-4 {
	display: grid; 
	grid-template-columns: 1fr 1fr 1fr 1fr; 
	grid-gap: 10px; 
}
.resp-m-grid-5 {
	display: grid; 
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
	grid-gap: 10px; 
}
.resp-m-grid-3-temp {
	display: grid; 
	grid-template-columns: 180px 1fr 210px; 
	grid-gap: 10px; 
}
.resp-m-grid-3-rol {
	display: grid; 
	grid-template-columns: 200px 1fr 1fr; 
	grid-gap: 10px; 
}
.resp-m-grid-ogr {
	display: grid; 
	grid-template-columns: 1fr 3fr; 
	grid-gap: 5px; 
}
.btn-m-rol {
	width: 100%;
	text-align: center;
	font-size: 50px;
	margin-top: 50px;
}
.czas-m-rol {
	cursor: pointer; 
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 50px;
}
.pop-up-m-grid-3-rol {
	display: grid; 
	grid-template-columns: 20% 10px 20% 1fr; 
	grid-gap: 5px; 
}
.cb-size-m {
	width: 40px;
	height: 40px;
}