@media only screen and (min-width: 965px) {
	.box-wrapper {
		padding: 50px;
	}

	.box-container {
		padding: 30px;
	}
}

@media only screen and (min-width:1000px) {
	.container {
		width: 1024px;
	}

	.cover-right-container {
		padding-left: 7rem !important;
	}
}

@media only screen and (min-width:1300px) {
	.cover-image {
		height: 660px !important;
	}

	.cover-wrapper {
		padding: 40px 0 !important;
	}
}

@media only screen and (max-width:400px) {
	.header-image {
		width: 150px;
	}
	.cover-title {
		font-size: 4rem !important;
	}
}

@media only screen and (min-width:401px) {
	.header-image {
		width: 150px;
	}
	.cover-title {
		font-size: 4.5rem !important;
	}
}

@media only screen and (max-width:575px) {
	.footer-container {
		padding-top: 6rem !important;
	}
}

@media only screen and (max-width:450px) {
	.footer-container {
		padding-top: 10rem !important;
	}
}

@media (min-width: 768px) {
  .image-container {
    height: 100%; /* Adjust the height for smaller screens */
  }

  .image-container img {
		width: 100%; /* Ensure the image fits the width */
		height: inherit; /* Maintain aspect ratio */
  }
}