@media (min-width: 600px) {
    section {
        border-bottom: none;
    }

    .flip-section {
        display: flex;
        flex-direction: column-reverse;
    }


    #about-me {
        display: none
    }

    section#1 {
        order: 2;
        /* This will push Section 1 below Section 2 */
    }

    section#2 {
        order: 1;
        /* Section 2 stays on top */
    }

    #bottom-plant {
        display: block;
    }

    .image-section {
        background-image: none;
        justify-content: flex-start;
        padding-left: 100px;
        height: 130px;
    }
    header {
        padding: 10px 100px;
    }
    

    button {
        padding: 14px 10px;
    }

    footer {
        padding: 20px 0;
        padding-left: 150px;
        padding-right: 150px;
    }

    form {
        width: 60%;
    }
    .header-content {
        width: 104%;
        display: flex;
        justify-content: start;
        gap: 36px;
    }
}
/* iPad Vertical (portrait) */
@media only screen and (min-width: 568px) and (max-width: 1024px) {
    section {
        padding-left: 100px;
        padding-right: 100px;
    }

    h1 {
        font-size: 55px;
        line-height: 65px;
    }
    .work {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (min-width: 1024px) {
    #bottom-plant {
        display: none;
    }
    .image-section{
        height: 130px;
    }
    .work {
        grid-template-columns: repeat(3, 1fr);
    }
    form {
        width: 40%;
    }
    .contact-bg {
        background-image: url('img/bgContact.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 40px;
        background-position-x: -90px;
    }
}

/* 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: 55px;
        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: 55px;
        line-height: 65px;
    }

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

/* Desktops */
@media only screen and (min-width: 1601px) {
    .main-content {
        margin-top: 150px;
    }

    section {
        padding-left: 350px;
        padding-right: 350px;
    }
    .image-section{
        padding-left: 350px;
    }
    header {
        padding: 10px 350px;
    }
    h1 {
        font-size: 55px;
        line-height: 65px;
    }

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