.header-page{height:300px;background-image:linear-gradient(180deg,#f6f6f6 25%,#ebebf5 91%);text-align:center}
.wrap-article-page{padding-top:100px;padding-bottom:100px}
.card-st-1{padding:20px;height:390px;border-radius:8px;background-image:linear-gradient(#fff,#f3f3fa);box-shadow:0 5px 15px 0 rgba(36, 43, 95, 0.15), 0 2px 4px 0 rgba(92, 100, 149, 0.2)}
.card-st-1:nth-child(n+2){margin-top:30px}
.card-st-1 h2{margin:0}
.card-st-1 .logo{width:55px;margin-right:15px}
.card-st-1 .logo img{display:block}
.card-st-1 .card-one-third{width:50%}
.card-st-1 .two-thirds{width:100%;padding: 0 25px}
.card-st-1 .title-about{font-family:'Open Sans',sans-serif;margin-bottom:5px;color:#8086b3;font-weight:500;text-transform:uppercase;font-size:14px;display:block}
.card-st-1 .about-link a{display:inline-block}
.card-st-1 .card-one-third img{border-radius:8px;height:350px;object-position:center;object-fit:cover}
@media(max-width:960px){
    .wrap-article-page{padding-top:50px}
    .card-st-1{max-width:650px;height:auto;margin:auto;flex-direction:column}
    .card-st-1 .card-one-third{width:initial}
    .card-st-1 .card-one-third img{height:auto}
    .card-st-1 .two-thirds{padding:30px 0 0}
    .card-st-1 .about-link a {width:36px}
}
@media(max-width:560px){
    .header-pege{height:200px}
}