.fade-6 .content {
	background: rgb(0 0 0 / 0%);
	background-image: linear-gradient(to right, #161615 0%, #2575fc00 100%);
	
}


.DNMForm {
	background: #ffffff2e;
		padding: 1rem 2rem;
		border-radius: 1rem;
}

@media (min-width: 1240px)
.h1.large, h1.large {
	font-size: 46px;
}




Breakpoints

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.sameheight {
	height: 45vw;
	object-fit: cover;
}

}

/* tablet landscape ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
.sameheight {
	height: 45vw;
	object-fit: cover;
}

}
/* tablet portrait ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
.sameheight {
	height: 25vw;
	object-fit: cover;
}

}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {

.sameheight {
	height: 25vw;
	object-fit: cover;
}

}