article>b {
font-family: 'ZenKakuGothicNew-Medium', sans-serif;
}

#start_block {
display: flex;
justify-content: space-between;
width: calc(100% - 160px);
margin: 20vh auto 0;
}

#start_block>div {
width: 50%;
margin-right: 20px;
}

#description_service {
font-size: 22px;
white-space: pre-line;
margin-top: 20px;
}

#name {
font-size: 52px;
}


#start_block>img {
width: 42%;
min-width: 42%;
height: max-content;
margin-left: 20px;
}

#info {
margin-top: 20px;
font-size: 19px;
}

#info>img {
width: 20px;
margin-right: 8px;
top: 3px;
position: relative;
}

#ivan {
color: inherit;
}

#text {
white-space: pre-wrap;
font-size: 22px;
max-width: 900px;
margin: 80px auto 0;
}

.fact {
padding: 80px;
margin: 30px 0;
text-align: center;
position: relative;
border: 10px solid var(--dark);
width: 100%;
box-sizing: border-box;
}

.picture {
position: relative;
max-width: 60%;
padding: 20px 20px 15px 0;
float: left;
box-sizing: border-box;
min-width: 40%;
cursor: pointer;
}

.picture>img {
width: 100%;
max-height: 400px;
object-fit: cover;
}

.author {
color: var(--gray);
text-align: center;
font-size: 19px;
max-width: 350px;
margin: 20px auto;
}


.tag {
color: var(--dark);
display: inline-flex;
font-family: "Raleway-Medium", sans-serif;
text-decoration: none;
padding: 10px;
position: relative;
font-weight: 500;
font-size: 19px;
transition: .2s;
}

#tags>a:nth-child(1) {
margin-top: 80px;
}

.tag:hover {
color: var(--accent);
}

.title_in_text {
font-size: 52px;
text-align: center;
width: 100%;
margin: 80px 0 120px;
display: flex;
justify-content: center;
}


.first_title {
margin-top: 0;
}

.right_picture {
float: right;
padding: 20px 0 15px 20px;
}

.line {
width: 150px;
background: var(--dark);
position: relative;
height: 3px;
margin: 0 auto;
display: flex;
align-items: center;
top: -80px;
}

.line:after,
.line:before {
content: "";
position: absolute;
width: 7px;
height: 7px;
background: var(--dark);
transform: rotate(45deg);
}

.line:after {
right: 0;
}

.end_line {
top: 0;
margin-top: 80px;
}

#author {
text-align: center;
font-size: 17px;
width: 300px;
margin: 0 auto;
}

#info_after {
text-align: center;
margin-top: 80px;
}

#tags {
text-align: center;
}

#media {
width: max-content;
margin: 40px auto;
}

#media>a {
height: 50px;
margin: 0 5px;
display: flex;
display: inline-block;
}

#media>a>img {
height: 100%;
}

#pre_media {
text-align: center;
margin-top: 40px;
font-size: 15px;
}

#breadcrumbs {
margin-bottom: 10px;
margin-top: -5vh;
}

.plan-block {
width: calc(100% - 160px);
margin: 10px auto 0;
font-size: 19px;
}

.plan-block-title {
font-size: 24px;
font-family: "Raleway-Medium", sans-serif;
margin-bottom: 15px;
}

.plan-block>.scroll_title {
padding: 2.5px 0;
width: fit-content;
cursor: pointer;
transition: .35s;
display: flex;
position: relative;
align-items: center;
}

.plan-block>.scroll_title:before{
content: "";
position: absolute;
width: 0;
height: 3px;
background: var(--dark);
left:0;
transition: .35s;
}

.plan-block>.scroll_title:hover:before{
width: 7px;
}

.plan-block>.scroll_title:hover {
padding-left: 12px;
}


@media (min-width: 1600px) {
#text {
max-width: 1100px;
width: auto;
}
}

@media (max-width: 900px) {
#start_block {
flex-direction: column;
width: 100%;
align-items: center;
margin: 13vh auto 0;
}

#start_block>div {
width: calc(100% - 40px);
margin: 0 20px;
}

#start_block>img {
width: 100%;
margin: 0;
}

#text {
width: calc(100% - 40px);
margin-top: 50px;
}

.fact {
width: calc(100% + 40px);
left: -20px;
}
}

@media (max-width: 768px) {
.plan-block {
    width: calc(100% - 40px);
    margin: 40px auto;
}

#breadcrumbs {
margin-top: -4vh;
text-align: left;
}

#name {
font-size: 32px;
width: calc(100% - 40px);
}

#description_service {
font-size: 19px;
}

.title_in_text {
font-size: 32px;
}

#text {
font-size: 19px;
}

.fact {
padding: 80px 40px;
}

.tag {
font-size: 16px;
}

.picture {
float: none;
width: calc(100% + 40px);
left: -20px;
max-width: none;
padding: 40px 0;
}

.picture>img {
max-height: max-content;
}
}