.main_top {
  display: grid;
  grid-template-columns: 1fr 20%;
  gap: 20px;
  align-items: end;
  margin: 25px 0;
}
.post h1 {
    margin-bottom: 0;
  font-size: 40px;
  border-right: 1px solid;
  padding-right: 20px;
}
.main_top .info {
    text-align: right;
}
.main_top .info span {
    display:block;
}
.main_top .info .cat {
    padding:5px 10px;
    color:#fff;
    background:#098ed4;
    border-radius:6px;
    margin-top:10px;
}
.post .fon {
    height:300px;
    overflow: hidden;
  border-radius: 15px;
  margin-bottom: 40px;
}
.main_content h3 {
    font-size: 30px;
  font-weight: 700;
}
.main_content h4 {
    font-size: 24px;
} 
.main_content h3,.main_content h4,.main_content h2 {
    margin:30px 0 15px 0;
}
.main_content ul,.main_content ol {
    margin: 20px 0;
    list-style: disc;
    padding-left: 30px;
    font-size: 14px;
}
.main_content ol {
    list-style: decimal;
}
.main_content li {
    margin-bottom: 10px;
}

@media (max-width:600px){
    .main_top {
        grid-template-columns: 1fr;
    }
    .post h1 {
        margin-bottom: 0;
          padding: 0 0 20px 0;
          border-right: none;
          border-bottom: 1px solid;
    }
    .main_top .info {
        display: flex;
          align-items: center;
          justify-content: space-between;
    }
}