/* ---------Navigation bar-------- */

@media only screen and (max-width:700px) {
    .text-box h1 {
        font-size: 20px;
    }
    .nav-links ul li {
        display: block;
    }
    .nav-links {
        position: absolute;
        background: #f44336;
        height: 100vh;
        width: 0;
        top: 0;
        right: 0;
        text-align: left;
        z-index: 2;
        transition: 1s;
    }
    nav .fa {
        display: block;
        color: #fff;
        margin: 10px;
        font-size: 22px;
        cursor: pointer;
    }
    .nav-links ul {
        padding: 30px;
    }
}


/* ------------cources------------- */

@media only screen and (max-width:700px) {
    .row {
        flex-direction: column;
    }
}


/* ---------testimonials--------- */

@media only screen and (max-width:700px) {
    .testimonials-col img {
        margin-left: 0px;
        margin-right: 15px;
    }
}


/* -----------call to action--------- */

@media only screen and (max-width:700px) {
    .cta h1 {
        font-size: 24px;
    }
}

@media only screen and (max-width:700px) {
    .sub-header h1 {
        font-size: 24px;
    }
}