/* CSS Document */
/* ======================================
   CARD BACKGROUNDS
   ====================================== */


/* ======================================
   7. Page Backgrounds
   ====================================== */
	.bg-one{
		color:var(--white);		
	}
	.bg-two{
		color:var(--white);	
	}
	.bg-three{
		color:var(--white);	
	}



/* ======================================
   DESKTOP BACKGROUNDS
   ====================================== */
@media (min-width: 901px){
	.bg-one::before {
	  background:url("../img/handyman1.png") 25% 50% / auto 80vh no-repeat fixed,
	  /* Linear streaks */
	  repeating-linear-gradient(
		65deg,
		rgba(255,255,255,0.05) 0 4px,
		transparent 4px 14px
	  ),
	  /* Conic burst */
	  repeating-conic-gradient(
		from -90deg at 30% 40%,
		#ffffff 0deg 6deg,
		#101218 6deg 14deg
	  ),
	  /* Deep radial base */
	  radial-gradient(
		circle at 30% 40%,
		#5f7c99 0%,
		#2e4053 40%,
		#0b0e11 100%
	  );
	  background-blend-mode: normal,overlay, multiply, normal;
	}
	.bg-two::before {
	  background:url("../img/handyman3.png") 25% 50% / auto 80vh no-repeat fixed,
	  /* Linear streaks */
	  repeating-linear-gradient(
		65deg,
		rgba(255,255,255,0.05) 0 4px,
		transparent 4px 14px
	  ),
	  /* Conic burst */
	  repeating-conic-gradient(
		from -90deg at 20% 75%,
		#ffffff 0deg 6deg,
		#101218 6deg 14deg
	  ),
	  /* Deep radial base */
	  radial-gradient(
		circle at 20% 75%,
		#5f7c99 0%,
		#2e4053 40%,
		#0b0e11 100%
	  );
	  background-blend-mode: normal,overlay, multiply, normal;
	}
	.bg-three::before {
	  background:url("../img/handyman.png") 25% 50% / auto 80vh no-repeat fixed,
	  /* Linear streaks */
	  repeating-linear-gradient(
		65deg,
		rgba(255,255,255,0.05) 0 4px,
		transparent 4px 14px
	  ),
	  /* Conic burst */
	  repeating-conic-gradient(
		from -90deg at 60% 10%,
		#ffffff 0deg 6deg,
		#101218 6deg 14deg
	  ),
	  /* Deep radial base */
	  radial-gradient(
		circle at 60% 10%,
		#5f7c99 0%,
		#2e4053 40%,
		#0b0e11 100%
	  );
	  background-blend-mode: normal,overlay, multiply, normal;
	}
} /* END OF DESKTOP BACKGROUNDS */
/* ======================================
   MOBILE BACKGROUNDS
   ====================================== */
@media (max-width: 900px){
	.bg-one::before {
	  background:
	  /* Linear streaks */
	  repeating-linear-gradient(
		65deg,
		rgba(255,255,255,0.05) 0 4px,
		transparent 4px 14px
	  ),
	  /* Conic burst */
	  repeating-conic-gradient(
		from -90deg at 30% 40%,
		#ffffff 0deg 6deg,
		#101218 6deg 14deg
	  ),
	  /* Deep radial base */
	  radial-gradient(
		circle at 30% 40%,
		#5f7c99 0%,
		#2e4053 40%,
		#0b0e11 100%
	  );
	  background-blend-mode: overlay, multiply, normal;
	}
	.bg-two::before {
	  background:
	  /* Linear streaks */
	  repeating-linear-gradient(
		65deg,
		rgba(255,255,255,0.05) 0 4px,
		transparent 4px 14px
	  ),
	  /* Conic burst */
	  repeating-conic-gradient(
		from -90deg at 20% 75%,
		#ffffff 0deg 6deg,
		#101218 6deg 14deg
	  ),
	  /* Deep radial base */
	  radial-gradient(
		circle at 20% 75%,
		#5f7c99 0%,
		#2e4053 40%,
		#0b0e11 100%
	  );
	  background-blend-mode: overlay, multiply, normal;
	}
	.bg-three::before {
	  background:
	  /* Linear streaks */
	  repeating-linear-gradient(
		65deg,
		rgba(255,255,255,0.05) 0 4px,
		transparent 4px 14px
	  ),
	  /* Conic burst */
	  repeating-conic-gradient(
		from -90deg at 60% 10%,
		#ffffff 0deg 6deg,
		#101218 6deg 14deg
	  ),
	  /* Deep radial base */
	  radial-gradient(
		circle at 60% 10%,
		#5f7c99 0%,
		#2e4053 40%,
		#0b0e11 100%
	  );
	  background-blend-mode: overlay, multiply, normal;
	}	
}/* END OF MOBILE BACKGROUNDS */