a.archive_news_link{
	
font-family: 'Open Sans Condensed',franklingothicmedicondcRg,Arial,Helvetica,sans-serif;
    line-height: 1.3;
    font-weight: 700;
    font-size: 22px;
   
	color:#004d99;
 }
 a.archive_news_link:hover{
 
 	text-decoration: underline;
 }
 .news_text {
    font: 13px/19px 'Open Sans',Arial,Helvetica,Verdana,sans-serif;
    color: #333;
    clear: both;
    word-break: break-word;
    word-wrap: break-word;
}

.news_bottom{
	
    padding: 10px 0px;
    border: 1px dashed rgba(0, 0, 0, 0.61);
    border-left: none;
    margin-top: 5px;
    border-right: none;
    color: #555; font-size: 11px

}

    .news_content p{
		max-width: 750px; margin: auto;
		padding: 30px; 0px;
	}
	.text, .text p {
    font-size: 16px;
    color: rgb(51, 51, 51);
    line-height: 26px;
    font-family: 'Open Sans', Arial, Helvetica, Verdana, sans-serif;
}
 h1.news {
    font-family: 'Open Sans Condensed',franklingothicdemicondcRg,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 42px;
    line-height: 1.4;
    color: #fff;
}

.news_header_img{
	width: 100%;
	max-height: 700px;
	position: relative;
}

 .news-header__image {
    width: 100%;
    padding-bottom: 50%;
}
.news-header__bottom {
    padding-left: 20px;
    padding-right: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    min-height: 70px
}
.news-header__author{
	color:#FFF;
	font-size: 15px;
    line-height: 1.4;
        display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 30px; right:30px;
}
.news-header__view{
	color:#FFF;
	font-size: 15px;
    line-height: 1.4;
        display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 30px; left:30px;
}
.news-header__author a{color: #fff;font-size: 15px;}


	
	
.mask{
		background-color: rgba(0,0,0,0.4);  position: absolute; 
  left:0;
  right:0;
  top:0;
  bottom:0; z-index:100
	}
	
.tema{
	color:#fff;
	padding:3px 10px;
	border: 1px solid #fff;
	border-radius:3px; 
}

	
/*-----------------------------------------*/
@media (max-width: 575.98px) {
	.title{
		width: 70%;  position: absolute; top: 10px; left: 20px;   z-index:1000;
	}
	.title h1{ font-size: 16px
		
	}
	
	
	
	.news-header__view{font-size: 12px; top: 10px; left:10px;
		
	}
	.news-header__author{font-size: 11px; top: 10px;right: 10px;overflow: hidden;}
	.news-header__bottom {
    padding-left: 10px;
    padding-right: 10px;
    min-height: 40px
		}	

	.news_box{
     height:470px; 
     padding:5px
     }
     .archive{
	 	padding: 10px 5px;
	 }	
}


@media (min-width: 576px) and (max-width: 767.98px) {
	
	.title{
		width: 70%;  position: absolute; top: 100px; left: 50px;   z-index:1000; 
	}
	.title h1{ font-size: 20px
		
	}
	
	
	.news-header__view{font-size: 13px;line-height: 1.2; top: 15px;left:15px;
		
	}
	.news-header__author{font-size: 13px;line-height: 1.2; top: 15px; right: 15px; overflow: hidden;}
	.news-header__bottom {
        min-height: 50px
	}
	
	
	.news_box{
     height:470px; 
     padding:10px
     }
	.archive{
	 	padding: 10px 10px;
	 }
}


@media (min-width: 768px) and (max-width: 991.98px) {
	
	.title{
		width: 70%;  position: absolute; top: 150px; left: 50px;   z-index:1000; 
	}
	.title h1{ font-size: 25px
		
	}
	
	.news_box{
     height:470px; 
     padding:20px
     }
	.archive{
	 	padding: 10px 30px;
	 }
	
}


@media (min-width: 992px) and (max-width: 1199.98px) { 
 	
 .title{
		width: 70%;  position: absolute; top: 250px; left: 50px;   z-index:1000; 
	}
	.title h1{ font-size: 30px
		
	}
	
	.news_box{
     height:470px; 
     padding:20px
     }
	.archive{
	 	padding: 10px 30px;
	 }
 }

@media (min-width: 1200px) { 
.title{
		width: 70%;  position: absolute; top: 300px; left: 50px;   z-index:1000;
	}
	
	.news_box{
     height:470px; 
     padding:20px
     }
     .archive{
	 	padding: 10px 30px;
	 }
 }