@import url('https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@300;400&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;700&display=swap');


	:root{
		--main-color:#3D0086;
		--main-font:'Hind Madurai';
		--heading-font:'Oswald';
	}

	body{font-family: 'Hind Madurai', sans serif; line-height: 1;}

	/*
	#cash_app{background-color: #28c101;}
	#paypal{background-color: #003087;}
	#givelify{background-color: orange;}
	*/
	#facebook{background-color:#3b5998;}

	.pad{padding:4vw;}
	.cube{display:grid; grid-template: 50% 50% /50% 50%}
	.two-cols{display:grid; grid-template-columns:50% 50%;}
	.heading{font-family:var(--heading-font); font-weight: bold; text-transform: uppercase; display: block;}
	.heading.small{font-size: 6vmin;}
	.heading.medium{font-size:10vmin;}
	.heading.large{font-size:14vmin;}
	.text-color-main{color:var(--main-color);}
	.text-small{}
	.text-medium{font-size:4vmin;}
	.text-large{font-size:6vmin;}

	#give{display: grid; grid-template-columns: repeat(4, 25%); grid-template-rows: auto;}


	@media screen and (max-width:600px){
		.two-cols{grid-template-columns: 100%; text-align:center;}
		#give{grid-template-columns: 50% 50%; height:50%;}
	}