desktop.css

@media only screen and (min-width: 40.75em) {
	div.well-card {
    	border: 2px solid #4d4d4d;
		margin: 1.5rem;
		max-width: 41rem;
	}

	main.list {
		display: flex;
		flex-direction: column;
/*		justify-content: center;*/
		align-items: center;
	}
	
	main.list h1{
		display: block;
	}
	
	main.list a{
		width: 75%;
		max-width: 41rem;
	}
}

@media only screen and (min-width: 45em) {
	div.well-card {
    	border: 2px solid #4d4d4d;
		margin: 1.5rem;
		max-width: 41rem;
	}
	main.search{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	main.search  a{
		color: inherit;
		width: 50%;
		max-width: 41rem;
	}
	


}

@media only screen and (min-width: 25em) {
	main.details{
		max-width: 25rem;
		margin-left: auto;
		margin-right: auto;
		margin-top: 8rem;
	}
	#add-well{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	main.map{
		margin-top: 0;
	}
}