/*	&& START
		Write your code here
	=======================*/	
	p {
		line-height: 1.5;
	}

	.item {
		text-transform: none;
	}
	body {
		background: #FDFCFC;
	}

	ul#sideslogan > li,ul#palvelut > li   {
		border-bottom:0.1em dashed var(--gray-1);
		padding:0.5em 0;
	}
	ul.hinnasto > li   {
		border-bottom:0.1em dashed var(--gray-1);
		padding:0.2em 0;
	}
	ul#sideslogan > li:before,ul#palvelut > li:before {
		content: '▶';
		color:var(--gray-1);
		padding:0 1em;
	}
	ul.hinnasto > li:before {
		content: '*';
		color:var(--gray-1);
		padding:0 0.5em;
	}
	ul#palvelut > li, ul.hinnasto > li {
		font-size:0.8em;
	}
	@media (max-width: 420px) {
	.span6.jcr {justify-items:center;}
	}
	
	.img-wrap {
		display: block;
		border-radius: 0 0.5em 0.25em 0;
		width: 100%;
		height: 250px;
		overflow:hidden;
		background:linear-gradient(
			to right,
		  #FDFCFC 0%,
		  rgba(0, 0, 0, 0) 39%,
		  rgba(222, 222, 222, 0.571) 100%),
		  url("/img/kuva.png") no-repeat;
		background-size: cover;
		background-position: 1% 50%;
		animation: animaTheWrap 30s linear infinite;
	}

	.img-wrap-two {
		display: block;
		border-radius: 0 0.5em 0.25em 0;
		width: 100%;
		height: 250px;
		overflow:hidden;
		background:linear-gradient(
			to right,
		  #FDFCFC 0%,
		  rgba(0, 0, 0, 0) 39%,
		  rgba(222, 222, 222, 0.571) 100%),
		  url("/img/k1.jpg") no-repeat;
		background-size: cover;
		background-position: 1% 70%;
	}

	.gradient {background: -webkit-linear-gradient(45deg, #0d0, #426A5A);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

	footer {
			color:#1c1c1c;line-height: 130%;letter-spacing:-1px;margin-top:10%;
	}

	@keyframes animaTheWrap {
		from {
		  background-position: 0 0;
		}
		to {
		  background-position: 0% 100%;
		}
	}