@charset "UTF-8";

/* Medium devices (landscape tablets, 768px and up) */
@media screen and (min-width: 679px) and (max-width:914px) {

    main#photoMain {
        height: 3000px;
    }

    div.photoContainer {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    img.right {
        align-self: center;
        margin: 25px;
    }

    img.left {
        align-self: center;
        margin: 25px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media screen and (min-width: 915px) and (max-width:1214px) {
    main#photoMain {
        height: 2500px;
    }
    div.photoContainer {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    img.right {
        align-self: center;
        margin: 25px;
    }

    img.left {
        align-self: center;
        margin: 25px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media screen and (min-width: 1215px) {
    main#photoMain {
        height: 2000px;
    }
    div.photoContainer {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    img.right {
        align-self: center;
        margin: 25px;
    }

    img.left {
        align-self: center;
        margin: 25px;
    }
}