@media (min-width: 600px) {

}

/* iPad Vertical (portrait) */
@media only screen and (min-width: 568px) and (max-width: 1024px) {

}

@media (min-width: 1024px) {

    h1 {
        text-align: left;
    }
    
    .team-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px;
        padding: 20px;
    }

    .services {
        width: 50%;
        margin: 0 auto;
        font-size: 20px;
    }
    .services div span {
        font-size: 30px;
    }
}

/* iPad Landscape */
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .main-content {
        margin-top: 100px;
    }

    section {
        padding-left: 100px;
        padding-right: 100px;
    }

    h1 {
        font-size: 65px;
        line-height: 65px;
    }

    .intro-text {
        width: 50%;
    }
}

/* Laptops */
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .main-content {
        margin-top: 40px;
    }

    section {
        padding-left: 150px;
        padding-right: 150px;
    }

    .image-section {
        padding-left: 150px;
    }

    header {
        padding: 10px 150px;
    }

    h1 {
        font-size: 75px;
        line-height: 75px;
    }

    .intro-text {
        width: 50%;
    }
}

/* Desktops */
@media only screen and (min-width: 1601px) {
    section {
        border-bottom: none;
    }

    form {
        width: 25%;
    }
}