@media screen and (max-width: 1200px) {
    .article_header span {
        top: 20%;
    }
}
@media screen and (max-width: 990px) {
    .article_header span {
        top: 32%;
    }
    .article_header span h1 {
        font-size: 37px;
    }
    .article_header span h4 {
        font-size: 25px;
        margin: 9px 0;
    }
    .article_header span h5 {
        font-size: 16px;
    }
}
@media screen and (max-width: 770px) {
    .article_header span {
        left: 8%;
    }
    .article_header span h1 {
       font-size: 23px;
   }
   .article_header span h4 {
       font-size: 16px;
       margin: 9px 0;
   }
   .article_header span h5 {
   font-size: 9px;
   }
}
@media screen and (max-width: 500px) {
    .article_header span {
        top: 26%;
    }
    .article_header span h1 {
        font-size: 14px;
    }
    .article_header span h4 {
        font-size: 11px;
        margin: 0px 0;
    }
    .article_header span h5 {
        font-size: 4px;
    }
    .art_img img {
        width: 355px;
        height: 235px;
    }
}