@font-face {
    font-family: 'vision';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/vision.otf');
    src: local('droid-kufi'), local('droid-arabic-kufi'),
        url('../../fonts/vision.woff2') format('woff2'),
        url('../../fonts/vision.woff') format('woff');
}

* {
    font-family: 'vision';
}

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

.ls-135{
    letter-spacing: .135em;
}

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

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

@media (max-width:1199px) {
    .h1, h1 {
        font-size: 2.3rem;
    }
    .h3, h3 {
        font-size: 1.6rem;
    }
    .display-2 {
        font-size: 5.2rem;
    }
    .display-3 {
        font-size: 4rem;
    }
    .display-4 {
        font-size: 2.8rem;
    }
}

@media (max-width:991px) {
    .h1, h1 {
        font-size: 2.3rem;
    }
    .h3, h3 {
        font-size: 1.4rem;
    }
    .display-2 {
        font-size: 5rem;
    }
    .display-3 {
        font-size: 3.6rem;
    }
    .display-4 {
        font-size: 2.6rem;
    }
}

@media (max-width:767px) {
    .h1, h1 {
        font-size: 2.1rem;
    }
    .h3, h3 {
        font-size: 1.2rem;
    }
    .display-2 {
        font-size: 4rem;
    }
    .display-3 {
        font-size: 3rem;
    }
    .display-4 {
        font-size: 2.4rem;
    }
}

@media (max-width:500px) {
    .h1, h1 {
        font-size: 2rem;
    }
    .h3, h3 {
        font-size: 1rem;
    }
    .display-2 {
        font-size: 3.8rem;
    }
    .display-3 {
        font-size: 2.8rem;
    }
    .display-4 {
        font-size: 2.1rem;
    }
}