body{ font-family: 'Roboto'; font-size: 20px; background-image: url('../images/bg_news.jpg'); background-repeat: no-repeat; background-size: cover; background-position:center center; background-attachment: fixed;}
header{ position: relative; background-color: rgba(0, 0, 0, 0.5);  padding-top: 5px; padding-bottom: 5px;}
.pd-20{padding:20px}
.mg-top-20{ margin-top:20px; }
.mg-top-40{ margin-top:40px;}
.mg-top-60{ margin-top:60px;}
.mg-top-80{ margin-top:80px;}
.card-body{ position: relative;}
.blockSocial{ position: absolute; top: -100px; right: 10px; z-index: 5;}
.blockSocial img{ width: 65px; height: auto;}
.content-news{ position: relative; overflow-y: auto; height: 200px; padding: 10px;}
.content-news::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1);
	background-color: rgb(207, 204, 204);
	border-radius: 10px;
}

.content-news::-webkit-scrollbar
{
	width: 5px;
	background-color: rgb(255, 255, 255);
}

.content-news::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: rgb(255, 251, 251);
	background-image: -webkit-gradient(linear,
									   40% 0%,
									   75% 84%,
									   from(rgb(250, 231, 58)),
									   to(rgb(228, 206, 7)),
									   color-stop(.6,rgb(211, 208, 30)))
}


@media (max-width:400px) { 
	.blockSocial{  top: -80px; }
	.blockSocial img{ width: 50px; height: auto;}
  }