.johnston-section .inner-johnston {
    padding-top: 40px;
}
.johnston-section .section-header .title {
    max-width: 560px;
    margin: 0 auto;
    font-size: 5rem;
}
.johnston-section .main-img {
    position: relative;
    padding-bottom: 30.7%;
}
.johnston-section .main-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    border-radius: 40px 40px 0 0;
}
.johnston-section .description {
    margin-bottom: var(--font-size-base);
}
.johnston-section .right-content {
    padding: 0 40px;
}
.johnston-content {
    margin-top: 40px;
    max-width: 856px;
}
@media (max-width:1024px) {
    .johnston-section .section-header .title {
        font-size: var(--font-size-h2);
    }
}
@media (max-width:767px) {
    .johnston-section .inner-johnston {
        padding-top: 20px;
    }
    .johnston-section .main-img img {
        border-radius: 0;
    }
    .johnston-section .main-img {
        padding-bottom: 67%;
    }
    .johnston-content {
        margin-top: 20px;
    }
}