#newshead h1 {
  width: 100%;
  margin-bottom: 2rem;
}
.brand-btn{
  padding: .542rem 1.143rem;
}
.brand-btn.active{
  background: #4d81cd;
}
.brand-btn.active::before, .brand-btn.active::after{
  background: transparent;
}
.brand-btn.active b{
  color: #fff;
}
.description {
    width: 100%;
    flex-flow: column;
    background: #f3f4f3;
    -webkit-border-radius: 1.143rem;
    -moz-border-radius: 1.143rem;
    border-radius: 1.143rem;
    margin: 2rem 0;
    padding:1.5rem
}
#newslist {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 2rem;
    width: -webkit-calc(100% + 1.5rem);
    width: -moz-calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    scroll-margin-top:7rem
}
#newslist .card {
    width: -webkit-calc(25% - 1.5rem);
    width: -moz-calc(25% - 1.5rem);
    width: calc(25% - 1.5rem);
    margin-bottom: 1rem;
    margin-right: 1.5rem;
    position: relative;
    cursor: pointer;
    overflow:hidden;
    padding-bottom: 4rem;
}
#newslist .card:hover {
  text-decoration: none;
    -webkit-box-shadow: rgba(193, 200, 222, .378) 0 .714rem 1.429rem 0;
    -moz-box-shadow: rgba(193, 200, 222, .378) 0 .714rem 1.429rem 0;
    box-shadow: rgba(193, 200, 222, .378) 0 .714rem 1.429rem 0;
    -webkit-transform: translateY(-.357rem);
    -moz-transform: translateY(-.357rem);
    -ms-transform: translateY(-.357rem);
    -o-transform: translateY(-.357rem);
    transform: translateY(-.357rem);
    -webkit-transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
    transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease, -o-transform .3s ease;
    -moz-transition: transform .3s ease, box-shadow .3s ease, -moz-transform .3s ease, -moz-box-shadow .3s ease;
    transition: transform .3s ease, box-shadow .3s ease;
    transition:transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, -webkit-box-shadow .3s ease, -moz-box-shadow .3s ease
}
#newslist .card .text {
    padding:1rem 1rem 0
}
#newslist .card .text b{
  font-size:1.286rem;
  line-height:1.857rem;
}
#newslist .card .text time{
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
}
#newslist .slider {
    aspect-ratio: 16/9;
}
#newslist .oneslide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media only screen and (max-width:1300px){#newslist .card{width:-webkit-calc(33.33% - 1.5rem);width:-moz-calc(33.33% - 1.5rem);width:calc(33.33% - 1.5rem)}}
@media only screen and (max-width:900px){#newslist .card{width:-webkit-calc(50% - 1.5rem);width:-moz-calc(50% - 1.5rem);width:calc(50% - 1.5rem)}}
@media only screen and (max-width:600px){#newslist .card{width:100%}}