.theordinary-about {
    position: relative;
    overflow-x: hidden;
    width: 100%;
}

.theordinary-about .logo {
    position: static;
    padding-top: 2.625rem;
    margin-right: 15px;
}

.plus-1 {
    position: absolute;
    top: 806px;
    left: 578px;
}
.plus-2 {
    position: absolute;
    top: 1011px;
    left: 578px;
}

.theordinary-about .content {
    color: #000000;
    font-family: RalewayRegular, sans-serif;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.025em;
    line-height: 20px;
    max-width: 510px;
    width: 100%;
    background-color: white;
    padding: 20px 20px 20px 0;
    margin-bottom: 40px;
}

.theordinary-about .background {
    background-repeat: no-repeat;
}

.theordinary-about .o-box {
    display: flex;
    max-width: 510px;
    margin-top: 254px;
}

.theordinary-about .o {
    width: 189px;
    height: 189px;
}

.theordinary-about .dot {
    height: 37px;
    width: 28px;
    margin-left: 6px;
    margin-top: 125px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mt-neg-400 {
    margin-top: -400px;
}

.theordinary-about .content a {
    text-decoration: underline;
    color: #000000;
    font-weight: 700;
}

.theordinary-about .content .heading {
    font-family: RalewayBold, sans-serif;
    font-weight: bold;
}

.theordinary-about .sidenav {
    font-family: RalewayBold, sans-serif;
    font-weight: bold;
}

.theordinary-about b {
    font-family: RalewayBold, sans-serif;
    font-weight: bold;
}

.theordinary-about .side-about {
    background-color: white;
}

/* Tablet */
@media only screen and (max-width : 1024px) {
    .theordinary-about .row.no-gutters.w-100 {
        padding: 0 2rem;
    }

    .theordinary-about .content {
        max-width: 100%;
    }

    .theordinary-about .o-box {
        margin-right: 12%;
    }

    .plus-1 {
        top: 105px;
        right: 38px;
        left: auto;
    }

    .plus-2 {
        top: 310px;
        right: 38px;
        left: auto;
    }
}

/* Mobile */
@media only screen and (max-width : 767px) {

    .theordinary-about .row.no-gutters.w-100 {
        padding: 0;
    }

    .theordinary-about .side-about {
        background-color: transparent;
    }

    .theordinary-about .logo {
        padding-top: 2.625rem;
        margin-bottom: 1.5rem;
    }

    .theordinary-about .side-about {
        background-color: initial;
        padding-left: 20px;
    }

    .theordinary-about .background .row {
        margin: 0;
    }

    .theordinary-about .o-box {
        margin: 147px 0 0;
    }

    .theordinary-about .o {
        height: 94px;
        width: 94px;
    }

    .theordinary-about .dot {
        height: 18px;
        width: 14px;
        margin-top: 63px;
        margin-left: 3px;
    }

    .mr-sm-20 {
        margin-right: 20px;
    }

    .theordinary-about .sidenav {
        margin-top: 110px;
    }

    .theordinary-about .content {
        padding-top: 1.5rem;
        padding-left: 20px;
    }

    .plus-1 {
        top: -104px;
        right: 100px;
        left: auto;
    }

    .plus-2 {
        top: 101px;
        right: 100px;
        left: auto;
    }
}

html[lang="fr"] .theordinary-about .logo {
    opacity: 0;
}