.header {background-size: cover !important;background-position: center !important;height: 100vh;width: 100%;}
.header h3 {color: #fff;font-weight: 100;font-size: 60px;margin: 0;}
.header p {color: #fff;margin: 10px 0 0;font-size: 16px;max-width: 40%;line-height: 1.4;}

.grid-articulos {padding:100px 0;}
.grid-articulos h3 {margin: 0;font-size: 35px;font-weight: 500;color: #007BD9;}
.grid-articulos h5 {margin: 70px 0 55px;font-size: 30px;color: #76C5E9;font-weight: normal;}

.grid-articulos a {color:inherit;text-decoration:none;transition:.6s;padding:0 7px;}
.grid-articulos a:hover {opacity:.6;transition:.6s;outline:none;text-decoration:none;}

.content-logo-info .back-logo-medio {display: flex;align-items: center;justify-content: center;background: #e9eaed;padding: 15px;}
.content-logo-info .back-info-rigt {background: #3c3d45;padding: 20px 20px;display: flex;align-items: center;}
.content-logo-info .back-info-rigt p {margin: 0;color: #FFF;font-size: 13px;}
.filters input::placeholder {font-weight:normal;color:#000;}

.content-footer-info {background: #dddfe4;padding: 15px 30px;margin-bottom:15px;min-height:160px;display:flex;flex-direction:column;}
.content-footer-info p {margin: 0 0 20px;font-size: 13px;font-weight: 500;}
.content-footer-info h2 {font-size: 12px;font-weight: bold;margin: 0;margin:auto 0 5px;}

.articulo {padding:80px 0;}
.articulo h3 {color:#000;font-size: 25px;font-weight: bold;margin: 0 0 15px;}
.articulo p {font-size:18px;color:#000;margin:0;}

.links a:hover {text-decoration:none;outline:none;transition:.6s;}
.links a {transition:.6s;}

.links {width: 100%;display: flex;justify-content: center;margin-top: 40px;}
.links .link-volver {color:#000;font-weight:bold;margin-right:auto;}
.links .link-ir {color:#fff;font-weight:bold;background: #007BD9;padding: 5px 10px;}


.filters {margin:30px auto;}
.filters input {width: 100%;padding: 5px 7px;background: #DDDFE4;border: none;color: #000;min-height: 38px;font-size: 14px;}
.filters h4 {color: #3C3D45;font-weight: 900;font-size: 17px;}

.page-link {padding:3px 10px !important;}
.page-item.active .page-link {background-color: #007BD9 !important;border-color:#007BD9 !important;font-weight: bold;}

@media screen and (max-width:767px) {
	.header p {max-width:100%;}
}