body {
    background-color: #12356C;
}

body header .logo img {
    filter: brightness(0) invert(1);
}

body .single-bio .bot-area .left-area > .title {
    font-size: 35px;
    line-height: 44px;
    color: #fff;
    font-family: 'cf_asty_st_medium', sans-serif;
    margin-bottom: 32px;
}

.single-bio {
    margin-top: 168px;
}

body .single-bio .bot-area .pd {
    font-size: 20px;
    line-height: 33px;
    color: #fff;
}

body .single-bio .bot-area .left-area {
    width: calc(50% - 60px);
    margin-right: 60px;
}

body .single-bio .bot-area .right-area {
    width: calc(50% - 60px);
    margin-left: 60px;
}

body .single-bio .bot-area .right-area > .title {
    font-size: 25px;
    line-height: 31px;
    color: #fff;
    font-family: 'cf_asty_st_medium', sans-serif;
    margin-bottom: 50px;
}

body .single-bio .bot-area .right-area > .content {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}

body .single-bio .bot-area .right-area > .content p {
    margin-bottom: 20px;
}

body .single-bio .bot-area .title {
    padding-bottom: 0;
}

body .single-bio .top-area {
    margin-bottom: 110px;
}

body .single-bio .top-area .back {
    cursor: pointer;
}

body .single-bio .top-area .back img {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    transform: scaleX(-1);
}

body .single-bio .top-area .back .text {
    font-size: 12px;
    color: #fff;
    line-height: 1.1;
    margin-left: 14px;
}

body:not(.home) main {
    margin-top: 220px;
}

@media screen and (max-width: 1180px) {
    body .single-bio .bot-area .left-area {
        width: calc(50% - 20px);
        margin-right: 20px;
    }

    body .single-bio .bot-area .right-area {
        width: calc(50% - 20px);
        margin-left: 20px;
    }
}

@media screen and (max-width: 820px) {
    body .single-bio .bot-area {
        flex-direction: column;
    }

    body .single-bio .bot-area .left-area {
        width: 100%;
        margin-right: 0;
    }

    body .single-bio .bot-area .right-area {
        width: 100%;
        margin-left: 0;
    }

    body .single-bio .bot-area .left-area > .title {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    body .single-bio .bot-area .pd {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 74px;
    }

    body .single-bio .top-area {
        margin-bottom: 60px;
    }
    
    
    body:not(.home) main {
        margin-top: 110px;
    }

    body:not(.home) header .burger span {
        background-color: #fff;
    }
    
}