#landing-banner {
	#background-image: url("./triangle_background.png");
	#background-repeat: no-repeat;
}

.triangle-background {
	background-image: url("./triangle_background.png");
	background-repeat: no-repeat;
}

.gradient-background {
	background-image: url("./gradient_background.png");
	background-repeat: no-repeat;
}

@media (min-width: 0px){
	#landing-banner  {
		#background-size: auto, cover;
		height:80vh;
	}
}

@media (min-width: 576px){
	#landing-banner {
		height:80vh;
		#background-size: cover;
	}
}


.lexend-peta-500 {
  font-family: "Lexend Peta", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.site-content {
  flex: 1;
  padding-top:75px;
}