.vh100{

height: 100vh;

} .vh50{

height: 50vh;

} .vh25{

height: 25vh;

} .bottom{

position: absolute;
bottom: 0;
margin-right: 0;

background:rgba(0,0,0,.7); 
width:100%; 
max-width:none; 
text-shadow: rgb(0, 0, 0) 1px 2px;

}

.home-grey{

color:white;
background-repeat: repeat;
background-size: 12%;
background-position:center; 

background: 
  linear-gradient(
    to bottom right,
    rgba(lighten($color-grey, 10%), .7),
    rgba($color-grey, 1)
  ),
  url(#{$pattern});

}

.home-one{

color:white;
background-repeat: repeat;
background-size: 12%;
background-position:center; 

background: 
  linear-gradient(
    to bottom right,
    rgba(lighten($color-one, 10%), .7),
    rgba($color-one, 1)
  ),
  url(#{$pattern});

}

.home-two{

color:white;
background-repeat: repeat;
background-size: 12%;
background-position:center; 

background: 
  linear-gradient(
    to bottom right,
    rgba(lighten($color-two, 10%), .7),
    rgba($color-two, 1)
  ),
  url(#{$pattern});

}

.home-three{

color:white;
background-repeat: repeat;
background-size: 12%;
background-position:center; 

background: 
  linear-gradient(
    to bottom right,
    rgba(lighten($color-three, 10%), .7),
    rgba($color-three, 1)
  ),
  url(#{$pattern});

}

.home-four{

color:white;
background-repeat: repeat;
background-size: 12%;
background-position:center; 

background: 
  linear-gradient(
    to bottom right,
    rgba(lighten($color-four, 10%), .7),
    rgba($color-four, 1)
  ),
  url(#{$pattern});

}