@media all and (max-width: 767px) {
    header {
        /*background: #b2c146;*/
        /*background: url("../img/bg3.jpeg");*/
        background-size: cover;
        background-blend-mode: multiply;
    }

    header .nav-item {
        padding: 0.2em 0.9em;
    }

    header .container .col-md-12 h6 {
        font-size: 3vmin;
    }

    header .container .col-md-12 p {
        font-size: 3vmin;
    }

    header .navbar-brand{
        padding-left: 1rem;
    }

    .section-1 .row .col-md-6 .panel{
        position: initial;
        width: initial;
        height: initial;
        padding: 4vmin 5vmin 1vmin 10vmin;
    }
    .section-2 .cover{
        background-position: -25vmin 10vmin;
    }

    .section-2 .cover .content > p {
        font-size: 4vmin;
    }

    .section-2 .cover .content > h1 {
        font-size: 7vmin;
    }

    .numbers .rect{
        height: 9rem;
    }

    .numbers .rect h1{
        font-size:3.5em;
    }

    .card .card-text{
        padding: 0.5rem 3rem;
    }

    .card-body .pricing {
        border-top-right-radius: 90px;
        border-bottom-left-radius: 110px;
    }

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

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

    .section-3 .desktop{
        font-size: 3vmin;
    }

    .section-3 .col-md-12>P {;
        font-size: 5vmin;
        padding: 0;
    }

    .section-3 .row div{
        padding-top: 2vmin;
    }

    footer .input-group{
        width: 110%;
        padding-right: 0 !important;
    }

    footer .row .col-md-5{
        padding-bottom: 2vmin;
    }

    #logo{
        width: 150px;
    }

    #title{
        font-size: 16px;
    }
}

@media all and(max-width: 425px) {
    footer .row .col-md-2{
        margin-top: 8vmin;
    }

    .connect .row .col-lg-7 > h6 {
        display: none !important;
    }


}