@font-face {
    font-family: 'kufi';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/droid-kufi.eot');
    src: local('droid-kufi'), local('droid-arabic-kufi'),
        url('../../fonts/droid-kufi.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/droid-kufi.woff2') format('woff2'),
        url('../../fonts/droid-kufi.woff') format('woff'),
        url('../../fonts/droid-kufi.ttf') format('truetype'),
        url('../../fonts/droid-kufi.svg#droid-kufi') format('svg');
}

* {
    font-family: 'kufi';
}

body{
    font-size: 15px;
}

p,
li {
    line-height: 2em;
}

.h3, h3,
.h5, h5 {
    line-height: 1.6em;
}

.h1, h1 {
    font-size: 2rem;
}
.h3, h3 {
    font-size: 1.6rem;
}
.h4, h4 {
    font-size: 1.2rem;
}
.h5, h5 {
    font-size: 1rem;
}

.consultation-banner-jumbotron,
.consultation-jumbotron,
.services-banner-jumbotron,
.services-list-jumbotron,
.contact-jumbotron,
.systems-jumbotron,
.products-jumbotron,
.projects-jumbotron {
    background-position: right;
}

.display-2 {
    font-size: 4.8rem;
    line-height: 1.4;
}
.display-3 {
    font-size: 3.8rem;
    line-height: 1.4;
}
.display-4 {
    font-size: 2.8rem;
    line-height: 1.4;
}


.col-ltr{
    direction: ltr;
}

@media (max-width:1199px) {
    .h1, h1 {
        font-size: 2rem;
    }
    .h3, h3 {
        font-size: 1.4rem;
    }
    .h4, h4 {
        font-size: 1rem;
    }
    .display-2 {
        font-size: 4.4rem;
    }
    .display-3 {
        font-size: 3.4rem;
    }
    .display-4 {
        font-size: 2.4rem;
    }
}

@media (max-width:991px) {
    .h1, h1 {
        font-size: 2rem;
    }
    .h3, h3 {
        font-size: 1.2rem;
    }

    .display-2 {
        font-size: 4.2rem;
    }
    .display-3 {
        font-size: 3.2rem;
    }
    .display-4 {
        font-size: 2.2rem;
    }
}

@media (max-width:767px) {
    .h1, h1 {
        font-size: 1.8rem;
    }
    .h3, h3 {
        font-size: 1rem;
    }

    .display-2 {
        font-size: 4rem;
    }
    .display-3 {
        font-size: 3rem;
    }
    .display-4 {
        font-size: 2rem;
    }
}

@media (max-width:500px) {
    .h1, h1 {
        font-size: 1.6rem;
    }

    .display-2 {
        font-size: 3.8rem;
    }
    .display-3 {
        font-size: 2.8rem;
    }
    .display-4 {
        font-size: 1.8rem;
    }
}