#td-1,
#td-2,
#td-3,
#td-4,
#td-5,
#td-6,
#td-7,
#td-8,
#td-9,
#td-10,
#td-11,
#td-12,
#td-13,
#td-14,
#td-15,
#td-16,
#td-17,
#td-18,
#td-18,
#td-20,
#td-21,
#td-22,
#td-23,
#td-24,
#td-25,
#td-26,
#td-27,
#td-28,
#td-29,
#td-30,
#td-31,
#td-32,
#td-33,
#td-34,
#td-35,
#td-36,
#td-37,
#td-38,
#td-39,
#td-40,
#td-41,
#td-42 {
	color: black;
	font: normal 12px "Gadugi";
	text-decoration: none;
	text-align: center;
	margin: auto;
}

#safeseedpledge {
	height: 300px;
	width: 250px;
}

#mooncalendar_td {
	width: 50px;

}

#col-md-1,
#col-md-2,
#col-md-3,
#col-md-4,
#col-md-5,
#col-md-6,
#col-md-7,
#col-md-8,
#col-md-9,
#col-md-10,
#col-md-11,
#col-md-12,
#col-md-13,
#col-md-14,
#col-md-15,
#col-md-16,
#col-md-17,
#col-md-18,
#col-md-19,
#col-md-20,
#col-md-21,
#col-md-22,
#col-md-23,
#col-md-24 {
	color: black;
	font: normal 12px "Gadugi";
	text-decoration: none;
	text-align: center;
	width: 242px;
	height: 144px;
	min-width: 128px;
	border-radius: 6%;
	padding: 0px;
	border: 2px #555544 solid;

	/*width: 242px;min-width: 128px;height: 144px;text-align: center;*/
}

#cosmic_footer {

	width: 100%;
	max-width: 400px;
	height: auto;
	padding: 10px;

	color: black;
	font: normal 12px "Gadugi";
	text-decoration: none;
	text-align: center;
	border-radius: 50%;

	border: 2px #888844 solid;

	background-color: #000000;
	/*width: 242px;min-width: 128px;height: 144px;text-align: center;*/
}

#cosmicfooter_textold {

	color: rgba(50, 160, 160, 0.5);
	font: normal 14px "Gadugi";
	text-decoration: none;
	text-align: center;
	border-radius: 50%;
	padding: 0px;
	border: 2px #888844 solid;

	background-color: #000000;
	/*width: 242px;min-width: 128px;height: 144px;text-align: center;*/
}

.cosmicfooter_text26 {
	color: whitesmoke;
	font: normal 26px "Gadugi";
	text-decoration: none;
	text-align: center;
	text-shadow: 3px 3px 0 #000000;
}

.cosmicfooter_text14 {
	color: whitesmoke;
	font: normal 14px "Gadugi";
	text-decoration: none;
	text-align: center;
	text-shadow: 3px 3px 0 #000000;
}

.cosmicfooter_text16 {
	color: whitesmoke;
	font: normal 16px "Gadugi";
	text-decoration: none;
	text-align: center;
	text-shadow: 3px 3px 0 #000000;
}

.moontable {

	/*
	color: black;
	font: normal 12px "Arial";
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0 #e5e5e5;
	margin-top: 0px;
	margin-left: 0px;
	*/
}

#li-1,
#li-2,
#li-3,
#li-4,
#li-5,
#li-6,
#li-7,
#li-8,
#li-9,
#li-10,
#li-11,
#li-12,
#li-13,
#li-14 {
	background-color: #FFFFeE;
}


.datex {
	color: black;
	text-shadow: 1px 1px 0 #959595;
	font: normal 14 "Arial";
	text-decoration: none;
	text-align: center;
	margin-top: 0px;
}

#cosmic_footerdiv {

	text-align: center;
	padding: 1rem 0;
	background-color: #f9f9f9;
	font: normal 28px "Gadugi";
	border: 1px #000884 solid;
	border-radius: 50px;
	text-shadow: 3px 3px 0 #e5e5e5;

	background: darkgreen url("../images/cosmicacres.jpg") no-repeat fixed center;

}




/* Footer text styling */
#cosmicfooter_text {

	font: normal 16px "Gadugi";
	color: #333;
	font-size: 14px;
	margin-top: 1rem;
}

/* List inline icons */
#cosmicfooter_text .list-inline {
	padding: 0;
	list-style: none;
}

#cosmicfooter_text .list-inline-item {
	display: inline-block;
	margin-right: 10px;
}

#cosmicfooter_text .list-inline-item svg {
	width: 24px;
	height: 24px;
	color: #595959;
	cursor: pointer;
	transition: color 0.3s ease;
}

#cosmicfooter_text .list-inline-item svg:hover {
	color: rgba(0, 127, 255, 0.5);
	/* Hover color change */
}

/* Copyright styling */
#cosmicfooter_text .cosmicfooter_text {
	color: rgba(41, 32, 32, 0.5);
	font-size: 10px;
	margin-top: 10px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	#cosmic_footer {
		max-width: 100%;
	}

	#cosmicfooter_text {
		font-size: 12px;
	}

	#cosmicfooter_text .list-inline-item svg {
		width: 20px;
		height: 20px;
	}
}


#happyapple {
	border-radius: 50%;
}


#cosmicfooter_text1 {
	color: whitesmoke;
	text-shadow: 1px 1px 0 #959595;
	font: normal 12 "Arial";
	text-decoration: none;
	text-align: center;
	margin-top: 0px;
}

#cosmicfooter_text1 {
	color: whitesmoke;
	text-shadow: 1px 1px 0 #959595;
	font: normal 12 "Arial";
	text-decoration: none;
	text-align: center;
	margin-top: 0px;
	text-decoration: none;
}

#cosmicfooter_text2 {
	color: whitesmoke;
	text-shadow: 1px 1px 0 #959595;
	font: normal 18 "Arial";
	text-decoration: none;
	text-align: center;
	margin-top: 0px;

	text-decoration: none;
}


#cosmicfooter_text5 {
	color: whitesmoke;
	text-shadow: 1px 1px 0 #959595;
	font: normal 24 "Arial";
	text-decoration: none;
	text-align: center;
	margin-top: 0px;
	text-decoration: none;
}

.row.text-center .col-md-4 .img-fluid {
    width: 100%;
    height: 250px; /* You can adjust this height to your liking */
    object-fit: cover;
    object-position: center; /* This centers the image within its frame */
}