.glide__slide .johdantootsikko {
	opacity: 0;
}

.glide__slide--active .johdantootsikko,
.glide__slide.karutext-visible .johdantootsikko {
	opacity: 1;
}

.infobuttonmob {
	z-index: 2147483646;
	position: fixed;
	top: -0.25em;
	right: 4.5em;
	border: 0px;
	scale: 0.3;
	font-family: montsR;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	cursor:pointer;
}

.liittobuttonmob {
	z-index: 2147483646;
	position: fixed;
	top: -3.5em;
	left: -2.5em;
	border: 0px;
	scale: 0.25;
	font-family: montsR;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	cursor:pointer;
}

.labbuttonmob {
	z-index: 2147483646;
	position: fixed;
	top: 0.5em;
	left: 7.5em;
	border: 0px;
	scale: 0.71;
	font-family: montsR;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	cursor:pointer;
}

.hampsniptablemob {
	z-index: 2147483645;
	text-decoration: none;
	position: fixed;
	top: 1em;
	right: 1em;
	border: 0px;
	font-family: montsR;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	cursor:pointer;
	overflow:hidden;
}

.mobileupbar {
	height: 80px;
	width: 100%;
	border: 0px;
	grid-area: mobileupbar;
}
.mobilerow {
	width: 100%;
	border: 0px;
	grid-area: mobilerow;
	display: grid;
	grid-template-columns: 1fr;
}

.mobilerowt {
	width: 100%;
	border: 0px;
	grid-area: mobilerowt;
	display: grid;
	grid-template-columns: 1fr;
}

.mobilerowm {
	width: 100%;
	border: 0px;
	grid-area: mobilerowm;
	display: grid;
	grid-template-columns: 1fr;
}

.mobilerowl {
	width: 100%;
	border: 0px;
	grid-area: mobilerowl;
	display: grid;
	grid-template-columns: 1fr;
}

.mobilekaruarrowleft
{
	align-items: center;
	text-align: center;
	background-color: rgba(255,0,0,0);
}

.mobilekaruarrowright
{
	align-items: center;
	text-align: center;
	background-color: rgba(255,0,0,0);
}

.hampsniptableinnerlowmob {
	height: 100%;
	width: 100%;
	border: 0px;
	padding: 0;
	display: grid;
	text-align: center;
	grid-template-columns: 1fr;
	grid-template-areas: "mobilerowt" "mobilerowm" "mobilerowl";
	overflow: hidden;
}
.hampsniptableinnerupmob {
	width: 100%;
	border: 0px;
	text-align: center;
	padding: 0;
	display: grid;
	grid-template-columns: 2fr 2fr 2fr 1fr;
	grid-template-areas: "mobileupbar mobileupbar mobileupbar mobileupbar";
	overflow: hidden;
}

.hampsniptabletdwrappermob {
}

.hampsniptabletduppermob {
	height: 80px;
	justify-content:center;
	display: flex;
	align-items: center;
	letter-spacing: var(--regularsp);
	grid-area: content;
}
.hampsniptabletduppermob:hover {
	font-weight: bold;
/*	background: var(--hoveringbg);
	color: var(--hoveringfg);*/
	letter-spacing: var(--hoveringsp);
}

.hampsniptabletdrightmob {
	width: 80;
	display: flex;
	justify-content: right;
	padding: 0;
	height: 80;
	align-items: center;
	align-self: stretch;
}

.hampsniptabletdmob {
	justify-content: center;
	display: flex;
	align-items: center;
	flex-grow: 1;
	height: 1.75em;
}

.hampsniptabletdmob:hover {
	/*font-family:montsI;*/
	background: var(--hoveringbg);
	color: var(--hoveringfg);
}

.hampsnipspanmob {
	vertical-align: middle; 
	display: block; 
	text-align: center; 
}

.hampsnipspanuppermob {
	vertical-align: middle; 
	display: block; 
	font-family: montsB;
	text-align: center; 
}


.hampsnipspanmob:hover {
/*	font-family:montsI;*/
	background: var(--hoveringbg);
	color: var(--hoveringfg);
}

.hampsniplinkmob {
}

.infotextmob {
	z-index: 2147483647;
	position: fixed;
	bottom: 2px;
	left: 2px;
	top: 2px;
	right: 2px;
	border: 0px;
	scale: 0.95;
	font-size: 75%;
	font-family: montsR;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	background-color: white;
	color: black;
	opacity: 1;
	pointer-events = auto;
	border-radius = 50px;
	overflow: "scroll";
}