/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Overlock&display=swap');

h1,h2,h3,h4,h5,h6 {
	font-family: 'Montserrat', sans-serif;
}

p {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.1rem;
	line-height: 2rem;
}

html {
	height: 100%;
	scroll-behavior: smooth !important;
}
body {
	height: 100%;
	font-family: 'Montserrat', sans-serif;
	color: black;

}


a {
	text-decoration:none;
	color: #212121;
}


.list-group-item {
	font-size: 1.1rem;
}



.bg {
  height: 30%;
  width:100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-blend-modea: hard-light;
  animation: pulse 10s alternate ease infinite;		
}

.bg-footer {
  height: 15%;
  width:100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-modea: hard-light;
  animation: pulse 10s alternate ease infinite;		
}

.home { 
  background-image: url("media/sunrise112022.png");
}

.bottom {
	background-image: url("media/sunrise112022footer.png");
}

.about { 
  background-image: url("media/forest_1024.jpg");

}

.gallery { 
 background-image:url('media/purple_leaves_square.jpg');
}

.services { 
 background-image:url('media/dandelionServices.jpg');
}

.contact { 
 background-image:url('media/dunes_1024.jpg');
}

.modal-bg {
  height: 100%;
  width:100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.instagram_feed img {
    border: white;
}

.instagram_feed img:hover {
    box-shadow: 0px 0px 10px 5px #fff;
}


@keyframes pulse {
  0%,100% {
    -webkit-filter: saturate(70%);
    -moz-filter: saturate(70%);
    -ms-filter: saturate(70%);
    filter: saturate(70%);
  }
  50% {
    -webkit-filter: saturate(170%);
    -moz-filter: saturate(170%);
    -ms-filter: saturate(170%);
    filter: saturate(170%);
  }
}

@keyframes colorize {
  0% {
    -webkit-filter: saturate(0%);
    -moz-filter: saturate(0%);
    -ms-filter: saturate(0%);
    filter: saturate(0%);
  }
  100% {
    -webkit-filter: saturate(120%);
    -moz-filter: saturate(120%);
    -ms-filter: saturate(120%);
    filter: saturate(120%);
  }
}

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('media/energydots_orange.png') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}