/* Sizes */
.wid-100 {width: 100%;}
.wid-70 {width: 70%;}
.wid-50 {width: 50%;}
.wid-30 {width: 30%;}

.wid-div-3 {width: calc(100% / 3);}
.wid-div-4 {width: calc(100% / 4);}
.wid-div-5 {width: calc(100% / 5);}
.wid-div-6 {width: calc(100% / 6);}

.mwid-1000 {max-width: 1000px;}
.mwid-800 {max-width: 800px;}
.mwid-650 {max-width: 650px;}
.mwid-600 {max-width: 600px;}
.mwid-550 {max-width: 550px;}
.mwid-500 {max-width: 500px;}
.mwid-480 {max-width: 480px;}

.hei-100 {height: 100%;}

/* Borders */
.br-1 {border-width: 1px; border-style: solid;}
.br-2 {border-width: 2px; border-style: solid;}

.br-t-1 {border-top-width: 1px; border-top-style: solid;}
.br-t-2 {border-top-width: 2px; border-top-style: solid;}

.br-b-1 {border-bottom-width: 1px; border-bottom-style: solid;}
.br-b-2 {border-bottom-width: 2px; border-bottom-style: solid;}

.br-l-1 {border-left-width: 1px; border-left-style: solid;}
.br-l-2 {border-left-width: 2px; border-left-style: solid;}

.br-r-1 {border-right-width: 1px; border-right-style: solid;}
.br-r-2 {border-right-width: 2px; border-right-style: solid;}

.round {
	border-radius: 50%;
}

/* Images */
.bgr {
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
}

.bgr.contain {
	background-size: contain;
}

.bgr-fill,
.bgr-fit {
	background-position: center;
	width: 100%;
	height: 100%;
}

.bgr-fill {background-size: cover;}
.bgr-fit {background-size: contain;}

.img-fit {
	object-fit: contain;
	width: 100%;
	max-height: 100%;
}

.img-fill {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.svg {
	mask-size: contain !important;
	mask-repeat: no-repeat !important;
	-webkit-mask-size: contain !important;
	-webkit-mask-repeat: no-repeat !important;
}