.newsboximg{
	height: 600px;
}
.newsboximg img{
	top: -400px;
}
.cardimg img{
	height: 320px;
}
.card span{
	color: #3462ad; font-size: 14px;display: inline;
}
.card:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 2px solid #3462ad;
  width: 0;
  height: 0;
}
.card:hover:before {width: 100%;transition: width 0.5s ease-in-out;}
.card:hover{background-color: white;box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.12); transform: translateY(-15px); }
.card{border: 1px solid #ccc;overflow: hidden;background-color: #f8f8f8;transition: transform 0.5s;}
.card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    width: 100%;
    height: 320px;
    transition: background-color 0.5s ease-in-out;
}
.card:hover::after {background-color: rgba(0, 0, 0, .2);}
.newsnav{padding-top: 45px;}

@media (max-width: 1400px) {
  .newsboximg img{
    top: -125px;
  }
}