body {
    color:#1b165d !important 
}
.carousel-img {
    width: 100%;
}

.btn-primary {
    color: #fff;
    background-color: #1b165d !important border-color: #0d6efd;
}
.featurette-heading {
    font-weight: 300 !important;
    line-height: 1;
    /* rtl:remove */
    letter-spacing: -.05rem !important;
}
.featurette-heading {
    font-size: 40px !important;
    margin-top: 7rem !important;
}

.lead {
    font-size: 0.9rem !important;
 
    font-weight: 300;
}

@media (min-width: 375px) {
    #pcDisplay {
        visibility: hidden !important;
        display: none !important;
    }

    #mobileDisplay {
        visibility: visible !important;
        display: block !important;
    }
}

@media (min-width: 576px) {
    #pcDisplay {
        visibility: hidden !important;
        display: none !important;
    }

    #mobileDisplay {
        visibility: visible !important;
        display: block !important;
    }
    .container-sm, .container {
        max-width: 540px;

    }
   
}

@media (min-width: 768px) {
   
    #pcDisplay {
        visibility: hidden !important;
        display: none !important;
    }

    #mobileDisplay {
        visibility: visible !important;
        display: block !important;
    }
    .container-md, .container-sm, .container {
        max-width: 720px;
    }
    h3, .h3 {
        font-size: calc(1rem + 0.5vw);
    }
}

@media (min-width: 992px) {
    #pcDisplay {
        visibility: visible !important;
        display: block !important;
    }

    #mobileDisplay {
        visibility: hidden !important;
        display: none !important;
    }

    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px;
    }
    h2, .h2 {
        font-size: calc(1rem + 0.8vw);
    }
    h3, .h3 {
        font-size: calc(1rem + 0.5vw);
    }
    .lead {
        font-size: 1rem;
        font-weight: 300;
    }
}
@media (min-width: 1024px) {
    #pcDisplay {
        visibility: visible !important;
        display: block !important;
    }

    #mobileDisplay {
        visibility: hidden !important;
        display: none !important;
    }

    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px;
    }
    h2, .h2 {
        font-size: calc(1.2rem + 0.8vw);
    }
    h3, .h3 {
        font-size: calc(1rem + 0.5vw);
    }
    .lead {
        font-size: 1rem;
        font-weight: 300;
    }
}
@media (min-width: 1200px) {
    #pcDisplay {
        visibility: visible !important;
        display: block !important;
    }

    #mobileDisplay {
        visibility: hidden !important;
        display: none !important;
    }
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }
    
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1320px;
    }
    #pcDisplay {
        visibility: visible !important;
        display: block !important;
    }

    #mobileDisplay {
        visibility: hidden !important;
        display: none !important;
    }
}