@import url("main.inc.css");

/*
This stylesheet handles styles specific for view-our-work.inc.php.
It is included by index.php.


***************************
** Begin Default Styling **
*/

.cta1, .cta2 {
    margin-top: 30px;
    margin-bottom: 30px;
}

/*
** End Default Styling **
*************************

**************************
** Begin Tablet Styling **
*/

@media screen and (min-width: 740px) {

    main > div {
        display: flex;
    }

    main > div > div {
        width: 50%;
    }

    #hero > div:first-child, #section-2 > div:first-child, #section-5 > div:first-child, #section-6 > div:first-child {
        padding-right: 5px;
    }

    #section-3 > div:last-child, #section-4 > div:last-child {
        padding-left: 5px;
    }

} /* End of @media 740px */

/*
** End Tablet Styling **
*************************

**************************
** Begin Desktop Styling **
*/

@media screen and (min-width: 1200px) {

    #hero > div:first-child, #section-2 > div:first-child, #section-5 > div:first-child, #section-6 > div:first-child {
        padding-right: 80px;
    }

    #section-3 > div:last-child, #section-4 > div:last-child {
        padding-left: 80px;
    }

} /* End of @media 1200px */

/*
** End Desktop Styling **
*************************

**************************
** Begin DesktopXL Styling **
*/

@media screen and (min-width: 1500px) {

    #hero > div:first-child, #section-2 > div:first-child, #section-5 > div:first-child, #section-6 > div:first-child {
        padding-right: 130px;
    }

    #section-3 > div:last-child, #section-4 > div:last-child {
        padding-left: 130px;
    }

} /* End of @media 1500px */

/*
** End of DesktopXL Styling **
******************************
*/