body {
    background: url(images/Milana-Gold-long.jpg);
    display: flex;
    flex-direction: column;
    align-items: center;
    background-attachment: fixed;
}

main, nav {
    width: 500px;
    padding: 20px;
}

main {
    background: floralwhite;
    & img {width: 50%; border: solid bisque 1px;}
}

nav {
    background: bisque;
    display: flex;
    flex-direction: column;
    border: solid saddlebrown 1px;
    & a {color: saddlebrown; text-decoration: none; font-family: Helvetica, sans-serif; line-height: 2em; border-bottom: solid tan 1px;}
    & a:hover {color: maroon; border-bottom: none; font-weight: bold;}
    & h2 {margin: 40px 0px 0px 0px;}
    & h4 {margin: 0px;}
    & img {margin: -20px;}
}

@media only screen and (max-width: 950px) {
  main, nav {width: 90vw;}
  body {margin: 0px;}
}