.vh100{
  height: 100vh; 
}
.vh50{
  height: 50vh; 
}
.vh25{
  height: 25vh; 
}

.green-home{
  color:white;
  background-repeat: repeat;
  background-size: 12%;
  background-position:center; 

  background: 
    linear-gradient(
      to bottom right,
      rgba(66, 142, 66, .7),
      rgba(66, 142, 66, 1)
    ),
    url('/assets/images/paisley.jpg');
}

.orange-home{
  color:white;
  background-repeat: repeat;
  background-size: 12%;
  background-position:center; 

  background: 
    linear-gradient(
      to bottom right,
      rgba(245, 136,61, .7),
      rgba(244, 123, 40, 1)
    ),
    url('/assets/images/paisley.jpg');
}

.blue-home{
  color:white;
  background-repeat: repeat;
  background-size: 12%;
  background-position:center; 

  background: 
    linear-gradient(
      to bottom right,
      rgba(41,155,166, .7),
      rgba(20,161,175, 1)
    ),
    url('/assets/images/paisley.jpg');
}

.purple-home{
  color:white;
  background-repeat: repeat;
  background-size: 12%;
  background-position:center; 

  background: 
    linear-gradient(
      to bottom right,
      rgba(142,26,79, .7),
      rgba(158,29,88, 1)
    ),
    url('/assets/images/paisley.jpg');
}
.grey-home{
  color:white;
  background-repeat: repeat;
  background-size: 12%;
  background-position:center; 

  background: 
    linear-gradient(
      to bottom right,
      rgba(105,105,105, .7),
      rgba(130,130,130, 1)
    ),
    url('/assets/images/paisley.jpg');
}

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

.blue-text{
  color: $blue-color;
}
.green-text{
  color: $green-color;
}
.orange-text{
  color: $orange-color;
}
.purple-text{
  color: $purple-color;
}
.grey-text{
  color: $purple-color;
}

.blue-text-d10{
  color: darken($blue-color, 10%);
}
.green-text-d10{
  color: darken($green-color, 10%);
}
.orange-text-d10{
  color: darken($orange-color, 10%);
}
.purple-text-d10{
  color: darken($purple-color, 10%);
}
.blue-text-l10{
  color: lighten($blue-color, 10%);
}
.green-text-l10{
  color: lighten($green-color, 10%);
}
.orange-text-l10{
  color: lighten($orange-color, 10%);
}
.purple-text-l10{
  color: lighten($purple-color, 10%);
}

.blue-text-d25{
  color: darken($blue-color, 25%);
}
.green-text-d25{
  color: darken($green-color, 25%);
}
.orange-text-d25{
  color: darken($orange-color, 25%);
}
.purple-text-d25{
  color: darken($purple-color, 25%);
}

.blue-text-l25{
  color: lighten($blue-color, 25%);
}
.green-text-l25{
  color: lighten($green-color, 25%);
}
.orange-text-l25{
  color: lighten($orange-color, 25%);
}
.purple-text-l25{
  color: lighten($purple-color, 25%);
}