#about .header {
    background: url(/National_Library/oe_/https://www.nli.org.il/src/assets/images/ManuScript/archive_header.png) no-repeat;
    background-position: 90% 34%;
    background-size: 60% auto;
    margin: 0 3%;
    padding: 4% 4% !important;
}

    #about .header h1 {
        font-size: 2.2em;
        line-height: 0.9em;
        font-family: "SouthBold";
        color: rgb( 59, 159, 215 );
        border-top: 6px rgb( 59, 159, 215 ) solid;
        width: 30%;
        padding-top: 18%;
    }

#about .video_div .header {
    padding: 0;
    position: absolute;
    margin-top: -76px;
    right: -50px
}

    #about .video_div .header h1 {
        width: 140%
    }
/* about
-----------------------------------------------------------------*/
#about {
    background: url(/National_Library/oe_/https://www.nli.org.il/src/assets/images/ManuScript/about_bg.png) repeat-x;
    background-position: 0 0;
    background-size: contain;
    margin-top: 0;
    padding-top: 10%;
    PADDING-BOTTOM: 4%;
}

    #about .text {
        background: #fff;
        padding: 4% 3%;
        margin-right: -15px;
    }

    #about p {
        color: rgb( 59, 159, 215 );
        font-family: SouthLight;
        max-width: 348px;
        padding-bottom: 10%;
        font-size: 22px
    }

    #about .video_div {
        margin-top: -1%
    }


    #about .link a {
        color: #fff;
        padding-left: 8%;
        font-size: 1.3em;
        white-space: nowrap;
    }

    #about .link a {
        float: right;
        text-align: right;
        padding-bottom: 16px
    }

    #about .link.blue a {
        color: rgb( 59, 159, 215 );
    }
    /*#about iframe{float:right; position:absolute; right:0; left:0; width: 625px;}*/
    #about .col-md-6 {
        width: 46%
    }

    #about .col-md-3 {
        width: 23%
    }

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

/**** media queries ****/

@media (max-width: 1680px) {
    #about .video_div .header {
        margin-top: -68px;
    }

    #about .video_div {
        margin-top: 0%;
    }
}


@media (max-width: 1400px) {
    #about p, #about .link a {
        font-size: 16px;
        max-width: 100%;
        line-height: 17px;
    }

    #about .header h1 {
        font-size: 1.5em
    }

    #about .video_div .header {
        margin-top: -50px;
    }

    #about {
        padding-top: 12%;
    }
}


@media (max-width: 998px) {
    #about .col-md-6 {
        width: 99%;
        max-width:99%;
    }

    #about .col-md-3 {
        width: 90%;
        max-width:90%;
        padding:0;
    }

    #about {
        background: none;
        padding: 1%;
    }

        #about .text {
            margin-right: 5%;
        }

        #about .header {
            background-position: right -20px;
            background-size: 70% auto;
        }

            #about .header h1 {
                margin-right: 33%;
            }

        #about .video_div .header {
            position: relative;
            width: 33%;
            right: 0;
            margin-top: 5%
        }
}