@media (orientation: portrait) {

    main#home {
        background-image: url("/index-portrait.jpg");
    }
}

@media (orientation: landscape) {
    main#home {
        background-image: url("/index-landscape.jpg");
    }
}

main#home {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100vh;
}

h1 {
    color: #333;
}

nav.on-photo a {
    color: #333;
}

nav.on-photo a:hover {
    color: darkolivegreen;
}