/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

@media only screen and (max-width: 600px) {
	header#header {
		display: none !important;
	}

	.portfolio-image {
		display: flex;
		justify-content: center;
	}

	.image-width {
		width: 70% !important;
	}

	.row.gy-3.mt-4.grid-section {
		display: flex;
		justify-content: center;
		text-align: center
	}
}

.image-width {
	width: 30%;
}

.grid-section {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	align-items: center;
}

.text-c-black {
	color: black;
}