@font-face {
font-family: 'Futura';
src: url('../fonts/Futura.otf') format('opentype');
}
@font-face {
font-family: 'Futura Bold';
src: url('../fonts/Futura-Bold.otf') format('opentype');
}
@font-face {
font-family: 'Futura BoldOblique';
src: url('../fonts/Futura-BoldOblique.otf') format('opentype');
}
@font-face {
font-family: 'Futura LightOblique';
src: url('../fonts/Futura-LightOblique.otf') format('opentype');
}
body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Futura Bold", sans-serif;
  /*color: #777;*/
}

.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 {
  position: relative;
  /*opacity: 0.65;*/
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
}
.bgimg-1 {
  background-image: url("/image/splash/collectionOverland.jpg");
}
.bgimg-2 {
  background-image: url("/image/splash/collectionLeaf.jpg");
}
.bgimg-3 {
  background-image: url("/image/splash/collectionOriginal.jpg");
}
.bgimg-4 {
  background-image: url("/image/splash/collectionEssentials.jpg");
}
.bgimg-5 {
  background-image: url("/image/splash/blog.jpg");
}
.maintitle {
  position: absolute;
  top: 30%;
  width: 100%;
  text-align: center;
  color: #000;
  
}

.maintitle span.border {
  color: #fff;
  font-size: 50px;
  letter-spacing: 10px;
}

.creditphoto{
  font-family: Futura LightOblique;
  position: absolute;
  top: 95%;
  width: 100%;
  text-align: right;
  font-size: 8px;
  padding: 5px;
  color: #fff;
}

small {
  font-size: 50%;
}




@media (min-width: 100px) 
  and (max-width: 480px)
{
    .maintitle {
        top: 40%;
    }
    .maintitle span.border {
        font-size: 30px;
        letter-spacing: 2px;
    }
    .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 {
        background-attachment: scroll;
    }

    .bgimg-1 {
      background-image: url("/image/splash/sm-collectionOverland.jpg");
    }
    
    .bgimg-2 {
      background-image: url("/image/splash/sm-collectionLeaf.jpg");
    }
    .bgimg-3 {
      background-image: url("/image/splash/sm-collectionOriginal.jpg");
    }
    .bgimg-4 {
      background-image: url("/image/splash/sm-collectionEssentials.jpg");
    }
    .bgimg-5 {
      background-image: url("/image/splash/sm-blog.jpg");
    }
}