/* Minification failed. Returning unminified contents.
(11,33): run-time error CSS1046: Expect comma, found '0'
(11,37): run-time error CSS1046: Expect comma, found '/'
(12,53): run-time error CSS1046: Expect comma, found '8'
(12,58): run-time error CSS1046: Expect comma, found '/'
(12,72): run-time error CSS1046: Expect comma, found '8'
(12,77): run-time error CSS1046: Expect comma, found '/'
(12,93): run-time error CSS1046: Expect comma, found '195'
(12,100): run-time error CSS1046: Expect comma, found '/'
 */
.about-banner {
    width: 100%;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('/Images/2777830-min.jpg');
}
    .about-banner > .layer {
        width: 100%;
        padding: 80px 250px;
        background-color: rgb(0 0 0 / 0.70);
        background: linear-gradient(to bottom,rgb(1 8 90 / 0.70),rgb(1 8 90 / 0.70),rgb(255 195 27 / 0.20));
    }

        .about-banner > .layer > .title {
            font-size: 55px;
            line-height: 50px;
            font-weight: 400;
            font-family: 'Roboto',sans-serif;
            color: #ffd800;
        }
            .about-banner > .layer > .title > span {
                color: #fff;
                font-weight: 700;
            }

.about-body {
    padding:50px 250px;
}
    .about-body > .body-context {
        font-size: 14px;
        color: #222222;
        text-align:justify;
    }
    .about-body > .body-context > p {
        padding:5px 0px;
    }
        .about-body > .body-context > .title {
            padding: 5px;
            width:100px;
            background-color: #f91a15;
            color:#fff;
            position:relative;
        }
            .about-body > .body-context > .title:after {
                content: '';
                position: absolute;
                bottom: 0;
                right: 0;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 30px 0 0 18px;
                border-color: #fff transparent transparent transparent;
            }

    .about-body > h3 {
       font-weight:bold;
    }

@media (max-width:991px) {
    .about-banner > .layer {
        padding: 80px 200px;
    }
        .about-banner > .layer > .title {
            font-size: 45px;
            line-height: 40px;
        }

    .about-body {
        padding: 50px;
    }
}

@media (max-width:767px) {
    .about-banner > .layer {
        padding: 80px 100px;
    }
        .about-banner > .layer > .title {
            font-size: 40px;
            line-height: 40px;
        }

    .about-body {
        padding: 20px;
    }

        .about-body > h3 {
            font-size: 20px;
        }
        .about-body > .body-context > .title {
            padding:2px 5px;
        }
        .about-body > .body-context > p {
            font-size: 12px;
        }
}

@media (max-width:600px){
    .about-banner > .layer {
        padding: 60px 80px;
    }

    .about-body > h3 {
        font-size: 18px;
    }

    .about-body > p {
        font-size: 12px;
    }
}

@media (max-width:500px) {
    .about-banner > .layer {
        padding:60px;
    }
        .about-banner > .layer > .title {
            font-size: 30px;
            line-height: 30px;
        }

    .about-body {
        padding: 10px;
        display:block;
    }
}
@media (max-width:400px) {
    .about-banner > .layer {
        padding: 50px;
    }
        .about-banner > .layer > .title {
            font-size: 25px;
            line-height: 25px;
        }
}