/*Write you styles here*/

a, .services-list-icon  {
    color: #1224f7;
}

.btn {
    padding: 15px 25px;
    background: -webkit-linear-gradient(to bottom left, #ff4f64, #ffaea0);
    background: linear-gradient(to bottom left, #ffaea0, #ff4f64);
    border-color: #ffaea0;
}

.portfolio-item h4 a:hover{
    border-bottom: 2px solid;
    left: 0;
    right: auto;
    width: 100%;
}


@media  (max-width: 768px) {

    .navbar-brand span {
        font-size: 14px;
    }

    .navbar-nav:before {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgb(92, 92, 92), rgba(0, 0, 0, 0));
        background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgb(92, 92, 92), rgba(0, 0, 0, 0));
        background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0),rgb(92, 92, 92), rgba(0, 0, 0, 0));
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgb(92, 92, 92), rgba(0, 0, 0, 0));
     
    }

    .line {
        stroke-width: 4px;
    }

    .navbar-light .navbar-toggler {
        color: rgb(0, 0, 0);
    }

    .simpleParallax-wrap img {
        width: 300px;
        height: 300px;
    }

    .home-left{
        text-align: center;
    }

	.services-list-icon {
        margin: 0 auto;
    }

    .mt-4, .my-4, .porfolioBox {
        text-align: center;
    }

    .section-head, .about-desc-content {
        text-align: center !important;
    }

    .mt-4, .my-4 {
        padding: 0 40px;
    }

    .section {
        padding: 30px 0;
    }

    .section-about:before {
        background: #ffffff;
    }

}