.article-info-block{
    padding-left: 36px;
    padding-right: 36px;
    margin-top: 28px;
}
    .summary-block{
        padding-left: 36px;
        padding-right: 36px;
        margin-top: 28px;
    }
    .summary-header-container{
        padding-left: 5px;   
    }
    .summary-header{
        font-size: 21px;
        font-family: 'PFBeauSansPro';
        font-weight: 600;
    }
    ol, ul{
        margin-block-start: 0;
        margin-block-end: 0;
    }
    .summary{
        margin-top: 24px;
        background: #FAFAFA;
        border-left: 5px solid #C1272D;
        font-family: 'PFBeauSansPro';
        font-weight: 200;
        font-size: 21px;
        padding-top: 18px;
        padding-bottom: 25px;
        padding-right: 1em;
    }
@media (max-width: 300px){
     .article-info-block{
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 18px;
    }
    .summary-block{
        padding-left: 10px;
        padding-right: 16px;
        margin-top: 16px;
    }
    .summary-header-container{
        padding-left: 11px;   
    }
    .summary{
        margin-top: 16px;
        font-size: 14px;
        line-height: 20px;
        padding-top: 10px;
        padding-bottom: 16px;
    }
    ol, ul{
        padding-inline-start: 25px;
    }
}
@media (max-width: 420px) and (min-width: 300px){
     .article-info-block{
        padding-left: 28px;
        padding-right: 28px;
        margin-top: 18px;
    }
    .summary-block{
        padding-left: 10px;
        padding-right: 28px;
        margin-top: 16px;
    }
    .summary-header-container{
        padding-left: 23px;   
    }
    .summary{
        margin-top: 16px;
        font-size: 18px;
        line-height: 24px;
    }
    ol, ul{
        padding-inline-start: 30px;
    }
}

@media (max-width: 600px) and (min-width: 420px){
    .article-info-block{
        padding-left: 32px;
        padding-right: 32px;
        margin-top: 18px;
    }
    .summary-block{
        padding-right: 32px;
        padding-left: 10px;
        margin-top: 16px;
    }
    .summary-header-container{
        padding-left: 27px;   
    }
    .summary{
        margin-top: 16px;
        font-size: 18px;
        line-height: 26px;
    }
}
@media (max-width: 768px) and (min-width: 600px){
    .article-info-block{
        padding-left: 32px;
        padding-right: 32px;
        margin-top: 18px;
    }
    .summary-block{
        padding-right: 32px;
        padding-left: 32px;
        margin-top: 16px;
    }
    .summary{
        margin-top: 16px;
        font-size: 18px;
        line-height: 26px;
    }
}
@media (max-width: 1200px) and (min-width: 992px){
    .article-info-block{
        padding-left: 36px;
        padding-right: 36px;
        margin-top: 28px;
    }
    .summary-block{
        padding-left: 36px;
        padding-right: 36px;
        margin-top: 28px;
    }
}
