section {
    padding: 20px;
    display: block;
    text-align: left;
}

aside {
    padding: 0;
    margin:0;
}

.photo-nav {
    width:100%;
}

ul {
    text-align: center;
    padding:5px;
    margin:0;

}

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

    main {
        display: flex;
    }
    aside {
        align-items: center;
        display: flex;
        flex-direction:column;
        float: right;
        justify-content: flex-start;
    }


    section {
        display: inline;
        justify-content: flex-start;
        width: 100%;
    }
}