body {
        font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight: 700;
        color: #000;
    }

    .img-fluid {
        margin: 0 auto;
        display: block
    }

    .panel-bg {
        background-color: #fff;
    }

    .navbar {
        border-color: #e7e7e7;
        border-width: 0 0 1px;
        border-style: solid
    }

    header.masthead {
        position: relative;
        background: #f5f5fa;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    header.masthead .overlay {
        position: absolute;
        background-color: #212529;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0
    }

    header.masthead h1 {
        font-size: 2rem
    }

    header.masthead a {
        color: #ccc;
        text-decoration: none
    }

    header.masthead a:hover {
        color: #fff;
        text-decoration: underline
    }

    @media (min-width:768px) {
        header.masthead {
            padding-top: 2rem;
            padding-bottom: 2rem
        }

        header.masthead h1 {
            font-size: 3rem
        }
    }

    .showcase .showcase-text {
        padding: 3rem
    }

    .showcase .showcase-img {
        min-height: 30rem;
        background-size: cover
    }

    @media (min-width:768px) {
        .showcase .showcase-text {
            padding: 5rem
        }
    }

    .main-section {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .main-section h2 {
        padding-top: 1rem;
        color: #1b82c9;
        font-size: 1.5rem
    }

    .main-section h1 {
        font-weight: 600;
        font-size: 2.5rem;
        padding-bottom: 1rem
    }

    .features-icons {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .features-icons .features-icons-item {
        max-width: 20rem
    }

    .features-icons .features-icons-item .features-icons-icon {
        height: 7rem
    }

    .features-icons .features-icons-item .features-icons-icon i {
        font-size: 4.5rem
    }

    .features-icons .features-icons-item:hover .features-icons-icon i {
        font-size: 5rem
    }

    footer.footer {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    footer {
        box-shadow: 0 50vh 0 50vh #343a40
    }

    footer .btn-outline-primary {
        color: #fff;
        background-color: transparent;
        background-image: none;
        border-color: #fff
    }

    hr {
        border-top: 1px solid #fff;
    }
.lead{
    font-size: 1.25rem;
    font-weight: 300;
  color:#000;
}



