@media (max-width: 768px){
    /*Header*/
    .header{
        flex-direction: column;
        text-align: center;
    }

    .header-container img{
        width: 5rem;
    }

    .header .navbar{
        margin-top: 1.25rem;
    }

    /*Footer*/
    .footer img{
        width: 5rem;
    }
    .footer .left-footer .links{
        gap: .5rem;
    }

    /*Catcher*/
    .catcher{
        padding: 1rem;
    }

    .catcher h1{
        font-size: 1.5rem;
    }

    .catcher p{
        font-size: .75rem;
    }

    .catcher a{
        width: 10rem;
        font-size: .75rem;
    }

    /*Catcher Cards*/
    .bringem-container{
        display: block;
    }

    .bringem-container .catch-card{
        margin-top:1rem;
    }

    /*Development Process*/
    .development-container h2{
        text-align: center;
    }

    .development-container .process-container{
        display: block;
    }

    .development-container .process-container .process{
        margin-top: 2rem;
    }

    /*Split Area*/
    .split-container .container{
        display: block;
        text-align: center;
        justify-content: center;
    }

    .split-container .container .services{
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .split-container .container .services ul li{
        text-align: none;
        list-style: none;
    }

    .split-container .container .recents{
        margin-top:2rem;
    }

    /*About Us*/
    .about-container .card{
        display: block;
        text-align: center;
    }

    .about-container .card p{
        text-align:justify;
    }

    /*Launched Projects*/
    .projects-container .project-cards{
        display: block;
    }

    /*News*/
    .news-container .news-card{
        display: block;
        gap: 2rem;
    }

    .news-container .news-card .picture img{
        width: 14rem;
        margin-right: 0;
    }

    .news-container .news-card .preview-text h2{
        margin-top: 2rem;
        font-size: 1rem;
    }

    /*Contact Cards*/
    .connect-container .card-layout{
        display: block;
        justify-content: center;
        text-align: center;
        align-items: center;
        margin-left: 2.25rem;
    }

    .connect-container .connect-card{
        margin-top: 2rem;
    }

    /*Article Content*/
    .article-container .content .article{ 
        img{
            width: 15rem;
            margin-bottom: 1rem;
        }

        h1{
            font-size: 1.25rem;
        }

        .info{
            display: block;
            padding: .75rem;
        }
    }
}