.mokit{
	display:block;
}
.mokit ul{
	list-style-type: none;
}
.mokit li {
	padding-bottom:20px;
}
.mokit p{
	display:inline;
	text-align:right;
}
.mokkikuvaus{
	text-align:left;
	width:360px;
	height:250px;
	margin-right:75px;
	float:right;
	padding-bottom:20px;
}

.thumb{
	border:1px solid black;
	transition:.3s;
}
.thumb:hover{
	opacity:.8;
	transition:.3s;
	cursor:pointer;
}

@media only screen and (max-device-width: 760px) {
	.mokkikuvaus {
		padding-top:20px;
		float:left;
		width:100%;
		margin-right:0;
		height:auto;

	}
	
	.mokit{
		text-align:left;
		padding:0;
		padding-bottom:100px;
		margin-left:0;
	}
	
	.thumb {
		margin:0;
		max-width:100%;
	}
	
	.mokit ul {
		-webkit-margin-before: 0;
    -webkit-padding-start: 0;
	}
	

}