.vasenmob {
	margin-left: 7em;
	margin-right: 35%;
	font-family: montsR;
}

.oikeamob {
	margin-left:30%;
	margin-right: 7em;
	font-family: montsR;
}

h1 {
	font-family: montsI;
}

.seuraavasivumob {
	display:grid;
	grid-template-columns:70% 30%;
	margin-left:40%;
	margin-right: 1em;
	font-family: montsR;
	justify-content:right;
	align-items: right;
	text-align: right;
}

.palstattumob {
	margin-right: 2em;
	margin-left: 2em;
}

.kuvallinenoikeamob {
	margin-right: 7em;
	font-family: montsR;
	display:grid;
	grid-template-columns: 33% 66%;
	justify-content:left;
	align-items: left;
	text-align: left;
}

.kuvallinenoikeavasmargimob {
	margin-left: 7em;
	margin-right: 7em;
	font-family: montsR;
	display:grid;
	grid-template-columns: 33% 5% 62%;
	justify-content:left;
	align-items: left;
	text-align: left;
}

.kuvallinenvasenoikmargimob {
	margin-left: 7em;
	margin-right: 7em;
	font-family: montsR;
	display:grid;
	grid-template-columns: 62% 5% 33%;
	justify-content:left;
	align-items: left;
	text-align: left;
}

.kuvallinenoikeakapeamob {
	margin-left: 20%;
	margin-right: 20%;
	font-family: montsR;
	display:grid;
	grid-template-columns: 40% 60%;
	justify-content:left;
	align-items: left;
	text-align: left;
}
.kuvallinenvasenkapeamob {
	margin-left: 20%;
	margin-right: 20%;
	font-family: montsR;
	display:grid;
	grid-template-columns: 77% 23%;
	justify-content:left;
	align-items: left;
	text-align: left;
}

.vasenleveamob {
	margin-left: 7em;
	margin-right: 20%;
	font-family: montsR;
}


.kuvallinenvasenmob {
	margin-left: 7em;
	font-family: montsR;
	display:grid;
	grid-template-columns: 66% 33%;
	justify-content:left;
	align-items: left;
	text-align: left;
}

.kuvallinenvasenmargimob {
	margin-left: 7em;
	margin-right: 7em;
	font-family: montsR;
	display:grid;
	grid-template-columns: 66% 33%;
	justify-content:left;
	align-items: left;
	text-align: left;
}

.kuvallinenoikeajohmob {
	font-family: montsR;
	color: rgb(0,0,0);
	display:grid;
	grid-template-columns: 33% 66%;
	justify-content:left;
	align-items: left;
	text-align: left;
}

.kuvallinenvasenjohmob {
	font-family: montsR;
	color: rgb(0,0,0);
	display:grid;
	grid-template-columns: 66% 33%;
	justify-content:left;
	align-items: left;
	text-align: left;
}

.keskitettyjohmob {
	margin-left:2%;
	margin-right:2%;
	font-family: montsR;
	color: rgb(0,0,0);
	justify-content:center;
	align-items: center;
	text-align: center;
}

.keskitettymob {
	margin-left:2%;
	margin-right:2%;
	font-family: montsR;
	justify-content:center;
	align-items: center;
	text-align: center;
}

.vasenpmob {
	margin-left:7em;
	margin-right: 45%;
	font-family: montsR;
	color: rgb(255,32,55);
}


.oikeapmob {
	margin-left:30%;
	margin-right: 7em;
	font-family: montsR;
	color: rgb(255,32,55);
}

.tekstinalkumob {
	height: 10em;
}
.otsikkogapmob {
	height: 1em;
}

.osiogapmob {
	height: 3em;
}

.prefootergapmob {
	height: 1em;
}
.paragapmob {
	height: 0.75em;
}

.rfootermob {
	background-color: white;
	height: 8em;
}

.rfootergapmob {
	height: 0.25em;
}

.rfootertablemob {
	display: grid;
	grid-template-columns: 3fr 1fr 3fr;
	margin-left:5%;
	margin-right:5%;
}

.rfootertextmob {
	font-family: montsR;
	position:relative;
}

.rfooterspanmob {
    position: absolute;
    bottom: 0;
    right: 1em;
}

.rfooterpicmob {
	display: flex;
	align-content: stretch;
	align-items: stretch;
}

.rfootertutustumob {
	display: grid;
	position: relative;
	grid-template-columns: 7% 50% 43%;
}

.ideointinappiwrappimob {
	display: grid;
	position: relative;
	grid-template-columns: 40% 60%;
}

.nappimob {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2em;
	border: 2px solid;
	cursor: pointer;
	color: rgb(0, 0, 0);
}

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


.tekstinloppumob {
}

.mainmenutopmob {
	display:grid;
	margin-right: 1em;
	margin-left: 1em;
}

.mainmenumidmob {
	height: 80;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 6fr 1fr;
	overflow: hidden;
	justify-content:center;
	align-items: center;
	text-align: center;
}
.mainmenusisaltomob {
	display: grid;
	grid-template-columns: 1fr 24fr 1fr;
	overflow: hidden;
	justify-content:center;
	align-items: center;
	text-align: center;
}


.pallerotmob {
	z-index: 2147483645;
	position: fixed;
	right: 47vw;
	top:15px;
	transform:scale(0.5);
}

.videoruutumob {
	position: relative;
}

.videokuvamob {
	position: absolute;
}

.videofilmimob {
	position: absolute;
        height: 600px;
        background: #000;
        border-radius: 1000px;
        -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

.muotibuttonsmob {
    buttonWrapper: {
        position: "absolute",
        height: "100px",
        backgroundColor: "transparent",
        top: "calc(50% - 70px)",
        '&:hover': {
            '& $button': {
                backgroundColor: "black",
                filter: "brightness(120%)",
                opacity: "0.4"
            }
        }
    },
    fullHeightHoverWrapper: {
        height: "100%",
        top: "0"
    },
    buttonVisible:{
        opacity: "1"
    },
    buttonHidden:{
        opacity: "0",
    },
    button: {
        margin: "0 10px",
        position: "relative",
        backgroundColor: "#494949",
        top: "calc(50% - 20px) !important",
        color: "white",
        fontSize: "30px",
        transition: "200ms",
        cursor: "pointer",
        '&:hover': {
            opacity: "0.6 !important"
        },
    },
    // Applies to the "next" button wrapper
    next: {
        right: 0
    },
    // Applies to the "prev" button wrapper
    prev: {
        left: 0
    }
}

.chartmob
{
	margin-left:5px;
	margin-right: 5px;
}

.strattaulukkomob
{
	margin-left:5px;
	margin-right: 5px;
	overflow: hidden;
	height: 30em;
	display: grid;
	grid-template-columns: 1fr;
}