.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});
}