/*postavitev*/
:root {
	--e: 6px;
	--e1: 12px;
	--e2: 25px;
	--e3: 50px;
	--e4: 100px;
	--e5: 200px;
	--e6: 400px;
}

.okvir{
	width:100%;
	padding: 0 var(--e2);
	margin: 0 auto;
	box-sizing: border-box;
	max-width:2000px;
}

.grid{
	display: grid;
	 grid-gap: var(--e2);
}

.grid-columns-1{	 grid-template-columns: repeat(1, 1fr); }
.grid-columns-2{	 grid-template-columns: repeat(2, 1fr); }
.grid-columns-3{	 grid-template-columns: repeat(3, 1fr); }
.grid-columns-4{	 grid-template-columns: repeat(4, 1fr); }
.grid-columns-6{	 grid-template-columns: repeat(6, 1fr); }
.grid-columns-9{	 grid-template-columns: repeat(9, 1fr); }
.grid-columns-10{	 grid-template-columns: repeat(10, 1fr); }
.grid-columns-12{	 grid-template-columns: repeat(12, 1fr); }

.grid-span-2{	grid-column: span 2;}
.grid-span-3{	grid-column: span 3;}
.grid-span-4{	grid-column: span 4;}
.grid-span-6{	grid-column: span 6;}
.grid-span-9{	grid-column: span 9;}
.grid-span-10{	grid-column: span 10;}
.grid-span-12{	grid-column: span 12;}

.grid-gap-10{	 grid-gap:var(--e1); }
.grid-gap-20{	 grid-gap: var(--e2); }
.grid-gap-40{	 grid-gap: var(--e3); }
.grid-gap-80{	 grid-gap: var(--e4); }

.row-gap-0{		 grid-row-gap:0px; }
.row-gap-10{	 grid-row-gap:var(--e1); }
.row-gap-20{	 grid-row-gap: var(--e2); }
.row-gap-40{	 grid-row-gap: var(--e3); }
.row-gap-80{	 grid-row-gap: var(--e4); }

.content-end{
	grid-auto-flow: column;
	justify-content:end;
	margin-left:auto;
}


.p10{	padding:var(--e1);}
.p20{	padding:var(--e2);}

.pt10{padding-top:var(--e1)}
.pt20{padding-top:var(--e2)}
.pt40{padding-top:var(--e3)}
.pt80{padding-top:var(--e4)}

.pb10{padding-bottom:var(--e1)}
.pb20{padding-bottom:var(--e2)}
.pb40{padding-bottom:var(--e3)}
.pb80{padding-bottom:var(--e4)}

.mt10{ 	margin-top:var(--e1);}
.mt20{	margin-top:var(--e2);}
.mt40{	margin-top:var(--e3);}
.mt80{	margin-top:var(--e4);}
.mt120{	margin-top:var(--e5);}
.mt160{	margin-top:var(--e6);}

.mb10{	margin-bottom:var(--e1)}
.mb20{	margin-bottom:var(--e2);}
.mb40{	margin-bottom:var(--e3);}
.mb80{	margin-bottom:var(--e4);}


@media (max-width: 750px) {
	:root {
	--e: 6px;
	--e1: 12px;
	--e2: 25px;
	--e3: 50px;
	--e4: 100px;
	--e5: 100px;
	--e6: 200px;
}

@media (max-width: 450px) {
	:root {
	--e: 6px;
	--e1: 12px;
	--e2: 25px;
	--e3: 50px;
	--e4: 50px;
	--e5: 100px;
	--e6: 100px;
}

}