body{


}

.grid-container{
width: 100%;

}

.grid-row{
	display: flex;
width: 100%;
}

.col-2{
width: 50%;
padding: 1.5%;
}

.col-3{
width: 33.333%;
padding: 1.5%;
text-align:center;
color: #718448;
line-height: 1.2;
}

.grid-container.middle{
border-top: solid 1px #718448;
border-bottom: solid 1px #718448;
padding-top: 15px;
    margin-bottom: 30px;
    margin-top:15px;

}

.col-3 h2 {
    font-size: 14px;
}

.col-3 p{
	font-size:12px;
}

.col-3 img{
	width:80px;
	margin-bottom:15px;

}

img{
	max-width: 100%;
}

p.hinta{

font-family: 'Druk Text Wide Web', 'sans-serif';
    font-size: 0.9em;
    font-weight: 300;
    margin-bottom: 1em;
}

a.osta{
	border:1px solid #666e42;
	border-radius:6px;
	margin:10px 0 0 0;
	padding: 12px;
	font-family:  'Druk Text Wide Web', 'sans-serif';
	color:#000;
	line-height:2em;
	font-weight: 800;
	transition: all 0.3s ease-in-out;


	
}

a.osta:hover{
	
	
	
	
	color:#FFFFFF;
box-shadow: 3px 2px #000;
    border:1px solid #000;


	

	
}