/* =========================
   MOBILE RESPONSIVE
========================= */


@media(max-width:700px){


    /* MAIN */

    main {

        padding:20px;

    }



    /* NAVBAR PLACEHOLDER
       Hanteras senare i navbar.css
    */



    /* HERO */

    .hero {

        padding:30px 20px;

    }



    .hero h1 {

        overflow-wrap:anywhere;

    }



    /* SEARCH */

    .search input {

        width:100%;

    }



    /* CATEGORIES */

    .categories {

        grid-template-columns:1fr;

    }



    /* JOBS */

    .job-card {

        flex-direction:column;

    }



    .job-button {

        width:100%;

        justify-content:center;

    }



    /* FOOTER */

    .footer-content {

        flex-direction:column;

        text-align:center;

    }



    .creator-area {

        display:none;

    }



    /* EMAIL */

    .email-box {

        padding:25px;

    }



    /* CV PROMO */

    .cv-promo {

        max-width:100%;

    }






}