.detail-page__body {
    background-color: white;
    padding:20px;
    display: flex;
    flex-wrap: wrap;
    gap:40px;
}
.detail-page__content {
    order: 1;
}
.detail-page__sidebar {
    flex: 1 1 100%;
    order: 0;
    display: flex;
    flex-direction: column;
    gap:20px;
    background-color: #F6F6F6;
    padding: 10px;
}
.content-header {
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 40px;
}
.content-body {
    display: flex;
    flex-direction: column;
    gap:30px;
}
.sidebar__property-workers {
    flex-direction: column;
}
.sidebar__property-workers-title {
    font-weight: 700;

}
.sidebar__property-workers-count {
    width: 80px;
    height: 80px;
    background-color: #FFD200;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 24px;
}
ol {
    margin-left: 0;
    padding-left: 20px;
}

.sidebar__property {
    margin: 0;
    display: flex;
    gap: 5px;
}
.sidebar__property-values > p {
    margin: 0;
}
.sidebar__property-values > p:first-child {
    font-weight: 700;
    margin-bottom: 10px;
}
.sidebar__property-values > p:not(:first-child) {
    margin-bottom: 5px;
}
.sidebar__property-logo {
    display: flex;
    flex-direction: column;
}
img.sidebar__property-logo-img {
    max-width: 50%;
}

.content-links li {
    margin-bottom: 10px;
}
.content-body__heading {
    background-color: #888888;
    color: #FCCA18;
    padding: 10px;
}
.content-body__text {
    padding: 0 10px;
}

.content-body__gallery {
    display: flex;
    flex-wrap: wrap;
}

.content-body__image-link:not(:last-child) {
    margin-right: 1em;
}

.content-body__image-link img {
    width: 100px;
    height: auto;
}

@media(min-width: 576px) {
    .detail-page__sidebar {
        padding:30px;
    }
}
@media(min-width: 576px) {
    .detail-page__sidebar {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .detail-page__sidebar > * {
        flex: 1 1 calc(50% - 15px);
    }
}
@media (min-width: 768px) {
    .content-header {
        flex-wrap: nowrap;
    }
    .content-header > * {
        flex: 1 1 50%;
    }
    .content-links {
        column-count: 2;
    }
}
@media (min-width: 992px) {
    .detail-page__body {
        display: flex;
        flex-wrap: nowrap;
    }
    .detail-page__content {
        order: 0;
        flex: 1 1 75%;
    }
    .detail-page__sidebar {
        flex: 1 1 25%;
        order: 1;
        flex-wrap: nowrap;
        flex-direction: column;
        gap:20px;
        padding:20px;
    }
    .detail-page__sidebar > * {
        flex: none;
    }
}
@media(min-width: 1200px) {
    .detail-page__body {
        padding:40px;
    }
    .examples .section-filter {
        max-width:372px;
    }
}