@media (max-width: 768px) {

    .strip {
        display: grid;
        grid-template-columns: 1fr 1fr;

    }


    .strip div {
        grid-template-columns: 1fr;
    }

    .strip p {
        margin: 5px 0;
    }

    header img {
        width: 150px !important;
    }

    header #nav {
        display: none;
        border: solid var(--color3);
        border-width: 1px 0;
        padding: 0;
    }

    #nav .btn3 {
        max-width: 80%;
        text-align: center;
        align-self: center;
        justify-self: center;
        padding: 10px 0;
    }

    ul.active {
        display: block !important;
        transition: all 1s ease;
    }

    .menu-icon {
        display: block !important;
        position: absolute;
        right: 20px;
        top: 20px;
        font-size: 2rem;
        color: var(--color1);
    }

    header #nav a {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 5px 10px;
        border-bottom: 1px solid var(--color3);
        transition: all 1s ease;
    }

    nav a:last-child {
        border: none;
    }

    header .btn3 {
        margin: 10px 0 10px 10px;
    }

    footer h3,
    footer .footer-links,
    footer .footer-contact {
        padding-left: 20px;
    }

    .footer-contact {
        padding-bottom: 20px;
    }

    .reason {
        margin-bottom: 20px;
    }

    h1,
    .h {
        font-size: 2rem;
    }

    .course {
        margin-bottom: 1rem;
    }

    .testimonial-slide {
        min-width: 300px;
    }

    .slide img {
        object-position: 80%;
        ;

    }

    .logos img {
        height: 40px;
    }

    .testimonial-slide {
        min-width: 260px;
        width: 90%;
        padding: 10px;
    }

    .testimonial-text {
        font-size: 1rem;
    }

    .testimonial-name {
        font-size: 1.2rem;
    }

}

@media (min-width: 769px) {
    .menu-icon {
        display: none !important;
    }

    html {
        font-size: 16px;
    }
}