body      { font-family: 'Dosis', sans-serif; font-size: 16px; }
.navbar   { text-transform: uppercase; }
.bgimg-1, 
.bgimg-2, 
.bgimg-3, 
.bgimg-4  {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
}

.bgimg-1  { background-image: url('../images/Untitled-1-01.jpg'); }
.bgimg-2  { background-image: url('../images/Untitled-1-02.jpg'); }
.bgimg-3  { background-image: url('../images/Untitled-1-03.jpg'); }
.bgimg-4  { background-image: url('../images/Untitled-1-04.jpg'); }

.distance { margin-top: 3.5rem; }

.graybar  { background-color: rgba(109, 109, 109, 0.5); height: 9rem; padding: 0 3rem; width: 98%; }
.middle   { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.content  { color: rgb(119,119,119); padding: 4rem 0; }
.title    { color: rgb(255,255,255); letter-spacing: .5rem; text-align: center; text-transform: uppercase; }

#photos img { padding: .1875rem; }

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
        background-attachment: scroll;
    }
}