h1,h2,h3,h4,h5,h6 {
	font-family: "Lato", sans-serif; 
	color: #820482!important; 
	font-size:13.5pt;
	color: purple;
	padding-left:1%;
	padding-right:1%;
	
}
 body {
	padding:*;
	margin:*;
	height: 100%;
	color: #820482!important;
	line-height: 1.8;
	background-color:#FFFFFF;
}
a{
	color: #820482!important;
}
span{
	color:#000000!important;
}
.backgroundgradient{
	background: linear-gradient(to right, 
#0065c5, white, white, white, white, white, white, white,white,white,white,white, #820482);
}
p{/*Theme colored font and practical font size*/
	text-align: left;
	color: #80080;
	font-size:15pt;
	padding:1%;
}
img{
	padding:0px; 
	margin:0px;
}
imgFlex{
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
}
ul li {
	padding-top: 13px;
  	font-size:15pt;
}
.popbox {/*Used specifically for the services page. May be applicable on other pages*/
	box-shadow: 5px 10px; 
	border:2px solid black;
	align-items: stretch;
	padding-bottom:0.5%;
	margin-top:1%;
	margin-left:18%;
	margin-right:18%;
	
}
.poptitle{/*Used specifically for the header. May be applicable on other boxes*/
	background-color:#2fdc80;
	display: inline-block;
	/*margin:1%;
	margin-left:auto;
	margin-right:auto;*/
}
.textformat{ 
	padding-left:125px; 
	padding-right:125px;
	padding-bottom:1%;
	/*color:#820482!important;
	text-align: left;
	letter-spacing:0px;
	clear:left;
	width:100%;
	position:relative;*/
}
.textformat .rt{ 
	padding-right:1%;
}
.textformat .lt{ 
	padding-left:1%!important;
}
.rowflex{
	border: 0px solid black;  
	display: flex;  
	/*flex-direction:row;*/
	align-items: flex-start;
	
}
.flex-item {
	padding: 0.5%;
	flex-grow: 1;
	flex-basis:50%;
	/*margin:-3.25%;*/
}
.abou {
	background-image: url('../pic/img5.png');
	background-position:  center;
}
.chil {
	background-image: url('../pic/img11.png');
}
.cont {
	background-image: url('../pic/img8.png');
}
.dona {
	background-image: url('../pic/Messenger_creation_6c84828f-059f-4333-a7e3-31abdc3a7842.jpeg');
	background-position:  center;
}
.educ {
	background-image: url('../pic/img3.png');
}
.food {
	background-image: url('../pic/FB_IMG_1720881078745.jpg');
	background-position:  center;
}
.heal {
	background-image: url('../pic/img7.png');
	
}
.inde {
	background-image: url('../pic/img1.png');
}
.ment {
	background-image: url('../pic/img6.png');
}
.news {
	background-image: url('../pic/newsnet.png');
	background-position:  center;
}
.phys {
	background-image: url('../pic/20240508_132217.jpg');
	background-position:  center;
}
.savi {
	background-image: url('../pic/Messenger_creation_fb6b15b9-bf22-4ade-a3e9-e49a8b5aa40a.jpeg');
	background-position:  center;
}
.serv {
	background-image: url('../pic/volunteer.png');
	background-position: top center;
	min-height: 250px!important;
}
.shel {
	background-image: url('../pic/img10.png');
}
.spir {
	background-image: url('../pic/img13a.png');
	background-position:  center;
}
.navbg {
	min-height: 300px;
	height:25%;
	background-size: cover;
	border-top:2px solid black;
	border-bottom:2px solid black;
}
.dropdown-menu li {
	position: relative;
}
.dropdown-menu .dropdown-submenu {
	display: none;
	position: absolute;
	left: 100%;
	top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
	right: 100%;
	left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
	display: block;
}
.bgimg-1 {
	background-image: url('../pic/grabahandsaveasoul.png');
	min-height: 400px;
	height:50%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.container img {	
	margin: 7px 7px 7px 7px!important;
	padding-right: 35px;
	padding-left:60px;
	float:left;
}
.textformat img{
	float:left;
	height:auto;
	width: 100%;
}
.m3 img{
	float:left;
	height:auto;
	width:370px;
	margin-bottom:0px;
	margin-left:200px;
	margin-right:200px;
}
.appxd{
	width:100%;
	height:auto;
}
.edu{
	padding-bottom:1300px;
}
.bold{
	font-weight: bold;
}
* {box-sizing: border-box;}

input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #04AA6D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.container {
  border-radius: 5px;
  /*background-color: #f2f2f2;*/
  padding: 20px;
  margin-bottom:1%;
}

@media screen and (min-width: 1700px){
	.textformat{ 
	padding-left:125px; 
	padding-right:125px;
	padding-bottom:0.25%;
	/*color:#820482!important;
	text-align: left;
	letter-spacing:0px;
	clear:left;
	width:100%;
	position:relative;*/
	}
}
@media screen and (max-width: 1100px){
	.rowflex{
		flex: 1;  
		border: 0px solid black;  
		display: block;  
		align-items: flex-start;
	}
	.textformat{
		width: 100%;
		max-width:100%;
		height:auto;
		padding-left:50px; 
		padding-right:50px;
		padding-bottom:15px;
	}
	.textformat img{
		padding-left:0px;
		float:left;
		width:100%;
		height:auto;
	}
	.popbox {/*Used specifically for the services page. May be applicable on other pages*/
		box-shadow: 5px 10px; 
		border:2px solid black;
		align-items: stretch;
		margin:2%;
	}
	.mental {
		width:auto;
	}
	.flex-item{
		/*max-width: 700px;*/
		margin:0%;
	}
}

@media screen and (max-width: 600px) {
	.rowflex{
		flex: 1;  
		border: 0px solid black;  
		display: block;  
		align-items: flex-start;
	}
	.textformat{
		width: 100%;
		max-width:100%;
		height:auto;
		padding-left:5%; 
		padding-right:5%;
		padding-bottom:15px;
	}
	.textformat img{
		padding-left:0px;
		float:left;
		width:100%;
		height:auto;
	}
	.popbox {/*Used specifically for the services page. May be applicable on other pages*/
		box-shadow: 5px 10px; 
		border:2px solid black;
		align-items: stretch;
	}
	.mental {
		width:auto;
	}
}