/* -- DEVELOPMENT -- */
@media only screen and (min-width: 0px) {
    #developmentGrid {
        display: grid;
        grid-column-gap: 3rem;
        grid-row-gap: 1rem;
    }
    .development-card {
        padding: 1rem 0;
    }
    .development-card h3,
    .development-card svg,
    .development-card p {
        margin: 0;
    }
}
@media only screen and (min-width:  660px) {
    #developmentGrid {
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (min-width: 992px) {
    #developmentGrid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* -- CONTENT -- */
@media only screen and (min-width: 0px) {
    #content {
        text-align: center;
    }
    #content img {
        width: 80%;
        height: auto;
    }
    #contentContent {
        text-align: left;
    }
}
@media only screen and (min-width: 768px) {
    #content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-items: center;
        align-items: center;
    }
    #contentContent {
        grid-column: 1;
        grid-row: 1;
    }
}

/* -- HOSTING -- */
@media only screen and (min-width: 0px) {
    #hosting {
        text-align: center;
    }
    #hosting img {
        width: 80%;
        height: auto;
    }
    #hostingContent {
        text-align: left;
    }
}
@media only screen and (min-width: 768px) {
    #hosting {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-items: center;
        align-items: center;
    }
}