.head{
    background-color: #0F4260;
    position: relative;
    padding: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.head h1{
    color: #ffffff;
    margin: 0;
    padding: 2rem;
    font-size: 2rem;
    line-height: 2.429rem;
}
.head span{
    background-image: url('/static/theme/img/ac.webp');
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
    width: 25vw;
    -webkit-clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
}
#news{
    padding: 2rem 1rem;
}
#news a{
    width: -webkit-calc(33.33% - 2rem);
    width: -moz-calc(33.33% - 2rem);
    width: calc(33.33% - 2rem);
    margin: 1rem;
    -webkit-box-shadow: 0 0 10px 0 rgba(15, 66, 96, 0.2);
       -moz-box-shadow: 0 0 10px 0 rgba(15, 66, 96, 0.2);
            box-shadow: 0 0 10px 0 rgba(15, 66, 96, 0.2);
    overflow: hidden;
}
#news a div{
    width: 100%;
    aspect-ratio: 16/9;
    background-position: top center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
}
#news a strong{
    padding: 1rem;
    display: block;
    margin: 0;
    height: 100%;
}
#news a:hover strong{
    color: #ffffff;
    background-color: #0F4260;
}
@media screen and (max-width: 1000px){
#news a {
    width: -webkit-calc(50% - 2rem);
    width: -moz-calc(50% - 2rem);
    width: calc(50% - 2rem);
}
}
@media screen and (max-width: 600px){
    #news a {
        width: 100%;
    }
    }