@media screen and (max-width: 750px){
	#img-hero{
		display: none;
	}

	#img-hero-mobile{
		display: block;
		width: 350px;
		margin: 40px auto 0;
	}
	.jumbotron .container{
		display: block;
		height: auto;
	}
}

@media screen and (max-width: 576px){
	body{
		overflow-x: hidden;
	}
	#img-hero{
		display: none;
	}
	#img-hero-mobile{
		display: block;
		width: 250px;
		margin: 40px auto 0;
	}
	.jumbotron .container{
		display: block;
		height: auto;
	}
	.jumbotron .container .text-hero-mobile{
		display: block;
	}
	.jumbotron .container .text-hero{
		display: none;
	}

	#services .layout-services{
		padding: 12px;
	}
	#services .container{
		padding: 4px;
	}
	#services .layout-services .card-services{
		margin: 12px;
		padding: 6px;
	}
	#img-faq{
		display: none;
	}
	#img-faq-mobile{
		display: block;
	}

	/*responsive about page*/
	#img-about{
		width: 270px;
		margin-bottom: 24px;
	}
	#img-hero-mobile.hospital{
		display: block;
		width: 300px;
		margin: 40px auto 0;
	}

	/*masonry layout*/
	.grid-wrapper > div {
		grid-column: span 2;
	}
	/*
	.grid-wrapper > div > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 5px;
	}*/
}