html{
		scroll-behavior: smooth;
	}
	body{
		margin: 0px;
		padding: 0px;
		width: 100%;
	}

	p{
		font-size: 25px;
	}

	nav ul{
		background: red; 
		display: inline-block; 
		width: 100%; 
		height: 120px;
	}
	nav ul li{
		display: inline-block;
		cursor: pointer;
		color: white;
		padding: 10px;
		margin-top: 30px;
		font-size: 25px;
	}

	nav ul li:hover{
		background-color: white;
		color: red;
		border-radius: 10px;
	}

	ul{
		list-style: none;
	}

	li{
		padding: 10px;
		list-style: none;
	}

	h3{
		font-size: 40px;
		padding-top:50px;
		padding-bottom:50px;
	}

	ul h1{
		display: inline-block;
		color: white;
		font-size: 40px;
		margin-right: 50px;
	}

	table{
		padding: 10px;
		width: 90%;
		padding-top: 50px;
	}

	td{
		padding: 20px;
	}

	nav{
		display: block; 
		width: 100%;
	}

	h1{
		font-size: 40px;
		text-align: center;
	}

	td p{
		/*font-size: 20px;*/
		text-align: center;
		color: black;
	}

	td img{
		width: 100%;
	}

	div{
		width: 50%;
		margin-top:20px;
		margin-bottom: 20px;
		padding: 20px;
	}
	input{
		margin:15px;
		border-radius: 10px;
		font-size: 15px;
	}

	input:hover{
		background-color: black;
		color: white;
	}

	div h2,h3{
		color: red;
	}

	div a{
		padding: 10px;
		color: white;
	}

	.first_logo{
		width: 100px; 
		padding-bottom: 200px;
	}

	.find_donating{
		background-color: red;
		color: white;
		/*height: 60px/;*/
		padding-top: 20px;
		padding-bottom: 20px;
		/*padding-bottom: 0px;*/
		margin: 0px;
	}

	.table2{
		width: 60%; 
		padding: 0px;
	}

	.table3{

	}

	.table4{
		width: 75%;
		padding-right: 30%;
	}

	.table5{
		width: 75%;
		margin: 0px;
		padding: 0px;
		text-align: center;
	}

	.table5 img{
		max-width: 50%;
	}

	table td img{
		border-radius: 10px;
	}

	.small_image{
		width: 80px;
	}

	.button{
		text-align: center;
		padding:20px 20px;
		margin-top: 60px;
		color: white;
		background-color: red;
		border:none;
	}

	.s_button{
		border: solid;
		border-color: red;
		border-width: 5px;
		background-color: white;
		color: black;
		padding: 10px;
		display: block;
	}

	.s_sign_up{
		border-radius: 50px;
		border: none;
		background-color: red;
		color: white;
		padding: 15px;
		width: 300px;
		display: block;
	}

	.page{
		padding-top: 200px;
		padding-bottom: 200px;
	}

	.b_button{
		padding:20px;
		border: solid;
		border-color: red;
		border-width: 10px;
		background-color: white;
		color: black;
		width: 225px;
		display: block;
		cursor: pointer;
	}

	.footerimg{
		margin-left: 50px;
	}

	.footer-container{
		background-color: #d60505;
		padding: 30px 0;
		margin-left: 10%;
	}

	.footer{
		width: 100%;
		height: 60hv;
		background-color: #d60505;
		color: #ffffff;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin: 0 auto;
	}

	.footer-heading {
		display: flex;
		flex-direction: column;
		margin-right: 4rem;
	}

	.footer-heading h4{
		margin-bottom: 2rem;
		font-size: 20px;
	}

	.footer-heading a {
		color: white;
		text-decoration: none;
		margin-bottom: 0.5rem;
	}

	.footer-heading a:hover {
		color: black;
		padding-left: 8px;
		transition: 0.3 ease-out;
	}

	.footer-email-form h5{
		margin-bottom: 1rem;
		font-size: 18px;
		text-align: center;
	}
	.footer-email-form h6{
		text-align: left;
		font-size: 9pt;
	}

	#footer-email {
		width: 250px;
		height: 40px;
		border-radius: 4px;
		border: none;
		padding-left: 0.5rem;
		font-size: 1rem;
	}

	#footer-email::placeholder{
		color: #b1b1b1;
	}

	#footer-email-btn {
		width: 250px;
		height: 30px;
		border-radius: 4px;
		background-color: #00003E;
		outline: none;
		border: none;
		color: white;
		font-size: 1rem;
	}

	#footer-email-btn:hover{
		cursor: pointer;
		background-color: #00003E;
		padding-left: 8px;
		transition: all 0.4s ease-out;
	}

	.footer-heading .social-links a{
		margin-left: 300px;

	}

	@media screen and (max-width: 800px) {


	nav ul li{
		
		border-radius: 10px;
		background-color: red;
		color: white;
		
	}

	nav ul li:hover{
		
	}

	.white{
		color: white;
		}

	}