@media (max-width: 8000px) {
	.flex-cont1 {
		flex-direction: row;
	}
	.col1 {
		width: 49%;
	}
	.col2 {
		width: 49%;
		justify-content: center;
		align-items: flex-start;
	}
	.img-cont {
		width: 100%;
	}	
	.img-cont-homeless {
		width: 60%;
	}
	.img-homeless {
		margin-bottom: -10%;
	}
	.img-dom-abuse {
		margin-top: -40%;
		margin-bottom: -20%;
	}
	.img-abuse {
		margin-top: -15%;
		margin-bottom: -50%;
	}
	.img-addiction {
		margin-top: -21%;
		margin-bottom: -21%;
	}
	.img-disorders {
		margin-top: -10%;
	}
	.img-lgbtq {
		margin-top: -15%;
		margin-bottom: -40%;
	}
	.img-cont-physical {
		width: 100%;
	}
	.img-cont-seedling {
		margin-top: 5rem;
	}
	.img-cont-suicide {
	width: 70%;
	}
	h2 {
		margin-top: -0.4rem;
	}
	.paragraph {
		margin-top: 4rem;
	}
}

@media (max-width: 1280px) {
	.img-cont-homeless {
		width: 80%;
	}
	.img-cont-seedling {
	margin-top: 0rem;
	}
}

@media (max-width: 1050px) {

}

@media (max-width: 950px) {

}

@media (max-width: 900px) {
	.flex-cont1 {
		flex-direction: column;
	}
	.col1 {
		width: 100%;
		order: 2;
	}
	.col2 {
		width: 100%;
		order: 1;
		justify-content: center;
		align-items: center;
		margin-bottom: 1rem;
	}
	.img-cont {
		width: 80%;
	}
	.img-dom-abuse {
		margin-top: -45%;
		margin-bottom: -40%;
	}
	.img-cont-homeless {
		width: 70%;
	}
	.img-homeless {
		margin-top: -25%;
		margin-bottom: -25%;
	}
	.img-suicide-crisis {
		margin-top: -20%;
		margin-bottom: -5%;
	}
	.img-abuse {
		margin-top: -30%;
		margin-bottom: -60%;
	}
	.img-addiction {
		margin-top: -55%;
		margin-bottom: -40%;
	}
	.img-cultural {
		margin-top: -60%;
		margin-bottom: -30%;
	}
	.img-disorders {
		margin-top: -35%;
		margin-bottom: -65%;
	}
	.img-lgbtq {
		margin-top: -35%;
		margin-bottom: -65%;
	}
	.img-cont-physical {
		width: 60%;
	}
	.img-cont-suicide {
		width: 60%;
	}
	h2 {
		margin-top: -0.3rem;
	}
	.paragraph {
		margin-top: 2rem;
	}
}

@media (max-width: 600px) {
	h2 {
		margin-top: -0.2rem;
	}
}

@media (max-width: 480px) {
  .caret-down {
	  display: none;
  }

}

.subnav {
	width: 50%;
	background-color: #66aaaa; 
	float: left;
	overflow: hidden;
}

.subnav .subnav-btn {
	background-color: inherit;
	color: white;
	border: none;
	outline: none;
	padding: 0.5rem 0rem;
	font-size: 1rem;
	margin: 0;
}

.subnav-btn {
	width: 100%;
}

.page-nav a:hover, .subnav:hover .subnav-btn {
	background-color: #b4ffb3;
	color: black;
}

.subnav-content1 {
	display: none;
}

.subnav-content2 {
	display: block;
	position: absolute;
	left: 0;
	background-color: #b4ffb3;
	width: 100%;
	z-index: 1;
	-webkit-animation-name: scroll;
	-webkit-animation-duration: 0.5s;
	animation-name: scroll;
	animation-duration: 0.5s;
}

.subnav-content2 a {
	float: left;
	display: block;
	width: 100%;
	color: #244242;
	text-align: center;
	padding: 9px 0 9px 0;
	text-decoration: none;
	border-bottom: 1px solid black;
}

.subnav-content2 a:last-child {
	border-bottom: none;
}

.subnav-content2 a:hover {
	background-color: #b3b4ff;
}

@-webkit-keyframes scroll {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes scroll {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.flex-cont1 {
  display: flex;
  position: relative;
  justify-content: space-between;
}

.col1 {
	display: flex;
	flex-direction: column;
	align-content: center;
}

.col2 {
	display: flex;
	flex-direction: row;
}

.img-cont {
	position: relative;
	overflow: hidden;
	box-shadow: 5px 5px 8px #808080;
}

.img {
	display: block;
	width: 100%;
	height: auto;
}

.img-cont-child-abuse {
	position: relative;
	overflow: hidden;
	box-shadow: 5px 5px 8px #808080;
}

.img-child-abuse {
	display: block;
	width: 100%;
	height: auto;
	
}

.img-cont-dom-abuse {
	position: relative;
	overflow: hidden;
	box-shadow: 5px 5px 8px #808080;
	width: 80%;
}

.img-dom-abuse {
	display: block;
	width: 100%;
	height: auto;
}

.img-cont-homeless {
	position: relative;
	overflow: hidden;
	box-shadow: 5px 5px 8px #808080;
}

.img-homeless {
	display: block;
	width: 100%;
	height: auto;
}

.img-rape {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: -5%;
}

.img-suicide-crisis {
	display: block;
	width: 100%;
	height: auto;
}

.img-abuse {
	display: block;
	width: 100%;
	height: auto;
}

.img-addiction {
	display: block;
	width: 100%;
	height: auto;
}

.img-elder {
	margin-top: -7%;
	margin-bottom: -3%;
}

.img-cont-physical {
	position: relative;
	overflow: hidden;
	box-shadow: 5px 5px 8px #808080;
}

.img-cont-suicide {
	position: relative;
	overflow: hidden;
	box-shadow: 5px 5px 8px #808080;
}

h1 {
	margin-bottom: 3rem;
}

.space-right {
	margin-right: 1rem;
}