body {
  background-color:  rgb(243, 243, 243);
}

nav, div.dark, footer {
  background-color: rgb(14, 14, 14);
}

footer {
  background-color: #000000;
}

body, html, main {
  height: 100%;
}

.bg {
  height: calc(100% + 60px);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

.bg2{
  width: auto;
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.photo1 {
  background-image: url("../photos/DSC02295_01.jpg");
}

.photo2 {
  background-image: url("../photos/DSC02449_01.jpg");
}

.photo3 {
  background-image: url("../photos/DSC00470_01.jpg");
}

.smart-scroll {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.scrolled-down {
  transform: translateY(-100%);
  transition: all 0.3s ease-in-out;
}

.scrolled-up {
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
}