.main-and-footer { 	display: flex; 	flex-direction: column; 	 	margin-top: 50px; 	 	 	 	align-items: center; 	 }     .main-cover { 	 	display: flex; 	flex-direction: column; 	 	max-width: 1000px; 	 	width: 100%; 	 	padding: 20px; 	background-color: white; 	border-radius: 3px; 	margin-top: 10px; 	 	 	gap: 10px; }     .main-content { 	 	 	display: grid; 	grid-template-columns: repeat(auto-fill, minmax(200px,1fr)); 	 	max-width: 1000px; 	width: 100%; 	min-height: calc(100vh - 250px); 	 	 	 	background-color: white; 	border-radius: 3px; 	 	margin-bottom: 10px; 	gap: 20px; 	padding: 20px; }    .page-title { 	 	color: var(--dark); 	display: flex; 	justify-content: space-between; 	align-items: center; } .org-description { 	display: grid; 	align-items: center; 	 	width: 100%; 	 	font-size: 14px; 	color: var(--gray); 	line-height: 20px; }  .qdsoft-list { 	display: flex; 	flex-direction: column; 	align-items: center; 	justify-content: center; 	 	 	border-radius: 3px; 	background-color: var(--light); 	gap: 10px; 	padding: 10px; } .qdsoft-list span { 	font-size: 16px; 	font-weight: 700; } .qdsoft-list p { 	font-size: 13px; 	font-weight: 100; } .qdsoft-list div { 	background-color: #39BA93; 	color: white; 	border-radius: 3px; 	min-height: 40px; 	padding: 10px; 	place-items: center; } .qdsoft-list a { 	color: white; }         @media (max-width: 992px) { 	.main-cover { 		gap: 8px; 	}	 } @media (max-width: 768px) { 	.main-cover { 		gap: 6px; 	} 	.div-txt-404 { 		min-width: 272px; 	} } @media (max-width: 576px) { 	.main-cover { 		flex-direction: column; 		gap: 10px; 	} 	.div-img-404 { 		justify-content: center; 	} 	.div-txt-404 { 		justify-content: center; 		min-width: 0px; 	} }