/* Responsive styles for Dijit.tech website */

/* Mobile styles */
@media (max-width: 768px) {
    body {
        font-size: 16px;
    }

    header {
        padding: 10px;
        text-align: center;
    }

    nav {
        display: block;
        text-align: center;
    }

    nav a {
        display: block;
        margin: 10px 0;
    }

    .service, .testimonial {
        margin: 20px 0;
        padding: 15px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

    .blog-post {
        margin: 20px 0;
        padding: 15px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }
}

/* Tablet styles */
@media (min-width: 769px) and (max-width: 1024px) {
    body {
        font-size: 18px;
    }

    header {
        padding: 20px;
    }

    nav {
        display: flex;
        justify-content: space-around;
    }

    .service, .testimonial {
        display: inline-block;
        width: 45%;
        margin: 20px 2.5%;
    }

    .blog-post {
        display: inline-block;
        width: 45%;
        margin: 20px 2.5%;
    }
}

/* Desktop styles */
@media (min-width: 1025px) {
    body {
        font-size: 20px;
    }

    header {
        padding: 30px;
    }

    nav {
        display: flex;
        justify-content: space-between;
    }

    .service, .testimonial {
        display: inline-block;
        width: 30%;
        margin: 20px 1.5%;
    }

    .blog-post {
        display: inline-block;
        width: 30%;
        margin: 20px 1.5%;
    }
}