* {
    box-sizing: border-box;
}

@media (max-width: 723px) {
    /*mobile version */
    #wrapper {
        display: flex;
        flex-flow: column nowrap;
        min-width: 423px;

    }

    #gallery {
        display: flex;
        flex-flow: row wrap;
        min-width: 200px;
        max-width: 550px;    
    }
}

@media (min-width: 724px) {
    /* tablet version */
    #wrapper {
        display: grid;
        /*grid-template:
            "header header" 80px
            "nav    main" auto
            "footer footer" auto
            /175px 1fr;*/

    }

    #gallery {
        display: flex;
        flex-flow: row wrap;
        min-width: 500px;
        max-width: 800px;
    }
    
}

@media (min-width: 1024px) {

    /*desktop version*/
    #wrapper {
        margin-right: auto;
        /*margin-left: auto;*/
        width: 100%;
        min-width: 1024px;
        max-width: 1040px;
    }
    #gallery {
        max-width: 1040px;
    }
}




body {
    color: black;
    font-family: FuturaBook, Helvetica, Arial, sans-serif;

}
@font-face {
    font-family: FuturaBook;
    src: url(Futura\ Book\ Regular.otf);
}

.landscape img {
    width: 325px;
}
.landscape {
    flex: 1;
}