#articles{

	width: 90%;

	margin-left: auto;

	margin-right: auto;

	padding: 2%;

	vertical-align: middle;

	font-family: Georgia, serif;



}

#med{

	border: 1px solid #f1f1f1;

	width: 90%;

	min-height: 200px;

	margin: 10px;

	padding-left: 20px;

	border-radius: 10px;

	font-family: Georgia, serif;

	float: left;

	background-color: #fff; 
    transition: background-color 0.2s ease;

	box-shadow: 10px 10px 20px #bebebe, -10px -10px 20px #ffffff;

	

}


#med:hover {
  background-color: #EAEFF2;
}

#med img{

	margin: 5px;

	width: 70px;

	height: 70px;

	border-radius: 10px;

	

}

.b{

	color: #147907;

	font-size:18px; 

}
.C{

	color: #5b4cf1;

	font-size:14px; 

}

.but{

	float: right;

	margin-right: 10px;

}







#articl{

	width: 100%;

	margin-left: auto;

	margin-right: auto;

	padding: 2%;

	vertical-align: middle;

	font-family: Georgia, serif;



}

#mede{

	border: 1px solid #f1f1f1;

	width: 95%;

	min-height: 200px;

	margin: 10px;

	padding-left: 20px;

	border-radius: 10px;

	font-family: Georgia, serif;

	float: left;

	background: #fff;

	box-shadow: 10px 10px 20px #bebebe, -10px -10px 20px #ffffff

}

#mede img{

	margin: 5px;

	width: 70px;

	height: 70px;

	border-radius: 10px;

	

}



.rech{

	text-align: center;

}