.blogHead {
	background-size: cover;
	background-position: center;
}
.blogHead .osc {
	background: rgba(0,0,0,0.6);
	padding: 40px;
}
.blogHead .osc h1 {
	color: #FFF;
	font: 900 50px Urbanist;
}
.dCenterBlog {
	padding: 0px 20%;
}
.bgBlogArticle {
	background: #FFF;
}
.blogContenido {
	font: 400 16px/26px Roboto;
}
.blogContenido ul {
	list-style: inside;
}
.blogMainHead{
	background: #f8f9fe;
}
.blogMainHead h1 {
	font: 900 40px Montserrat;
	color: #032858;
	margin: 0px 0px 15px 0px;
	letter-spacing: -2px;
}
.blogMainHead h2 {
	font: 900 22px Urbanist;
	color: #6f7891;
	margin: 15px 0px 0px 0px;
}
.blog_widget_page {
	list-style: none;
}
.blog_widget_page li {
	margin-bottom: 20px;
	float: left;
	width: 100%;
}
.blog_widget_page li a {
	background: #FFF;
	border-radius: 20px;
	box-shadow: 0px 0px 15px 5px rgba(153, 172, 197, 0.2);
	padding: 20px;
}
.blog_widget_page li a .img {
	float: left;
	width: 30%;
}
.blog_widget_page li a .img img {
	float: left;
	max-width: 100%;
	border-radius: 15px;
}
.blog_widget_page li a .info {
	float: left;
	width: 70%;
	padding-left: 20px;
}
.blog_widget_page li a .info h4 {
	margin: 0px;
	font: 900 16px Urbanist;
	color: #444854;
}
.blog_widget_page li a .info .resume {
	font: 400 13px Roboto;
	color: #646569
}
.blog_widget_page li a .btt span {
	font: 900 14px Urbanist;
	background: #104af6;
	color: #FFF;
	padding: 10px 20px;
	border-radius: 10px;
}
.blogPage {
	float: left;
	width: 70%;
}
@media (max-width: 700px) {
	.dCenterBlog {
		padding: 0px 40px;
	}
	.blogHead .osc h1 {
		font-size: 40px;
	}
	.blogMainHead h1 {
		font-size: 20px;
		letter-spacing: 0px;
		margin-bottom: 0px;
	}
	.blogMainHead h2 {
		font: 600 12px Urbanist;
	}
	.blogMainHead .pl {
		width: 60%;
		padding: 10px;
	}
	.blogMainHead .pr {
		width: 40%;
		padding: 10px;
	}
	.blogMainHead .pr img {
		max-width: 100%;
	}
	.blogPage {
		width: 100%;
		padding: 10px;
	}
}