@media only screen and (max-width:768px) {
    header .navbar-brand {
        padding-left: 1rem
    }
    .home-panel {
        position: initial;
        width: initial;
        height: initial
    }
    .section-2 .cover {
        background-position: -25vmin -10vmin
    }
    .numbers .rect {
        width: 10rem;
        height: 8rem
    }
    .numbers .rect h1 {
        font-size: 2rem
    }
    .section-3 {
        height: inherit;
        padding: 10vmin !important
    }
    .section-3 .row h1 {
        padding: 6vmin 4vmin
    }
    .section-3 .platform .col-md-6 {
        text-align: center !important
    }
    .section-3 .desktop i {
        font-size: 8vmin
    }
    .section-4 .carousel-item {
        padding-left: .6rem
    }
    footer .row .col-md-2 {
        margin-top: 0vmin
    }
    .carousel {
        margin-top: 10px
    }
    .image-app span {
        font-size: 90%
    }
}

.home-panel {
    position: initial;
    width: initial;
    height: initial
}

.section-2 .cover {
    background-position: 0 0
}

.numbers .rect {
    width: 10rem;
    height: 8rem
}

.numbers .rect h1 {
    font-size: 2rem
}

.section-3 {
    height: inherit;
    padding: 10vmin !important
}

.section-3 .row h1 {
    padding: 6vmin 4vmin
}

.section-3 .platform .col-md-6 {
    text-align: center !important
}

.section-3 .desktop i {
    font-size: 8vmin
}

.section-4 .carousel-item {
    padding-left: .6rem
}

footer .row .col-md-2 {
    margin-top: 0vmin
}

.carousel {
    margin-top: 10px
}

@media (max-width:768px) {
    .slide-logo img {
        height: 100px;
        padding: 0 30px
    }
    .slide-logo {
        height: 100px;
        width: 1570px;
        display: flex;
        align-items: center;
        animation: 9s linear infinite alternate slideshow
    }
    .card.port {
        margin-top: 20px
    }
}

@media only screen and (max-width:320px) {
    .section-4 .carousel-inner {
        margin-left: -4vmin
    }
}

@media only screen and (max-width:375px) {
    .section-4 .card {
        width: 18em
    }
    .porfolio-filter {
        margin-top: 50px
    }
}

.slide-logo {
    display: flex;
    align-items: center;
    height: 100px;
    display: flex;
    align-items: center;
    animation: 10s linear infinite alternate slideshow
}

.slide-logo img {
    padding: 0 20px
}

.customer-impresif {
    width: 100%;
    height: 300px;
    border-radius: 10px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center
}