.home
{
	padding-top:			0rem;
	padding-bottom:			0rem;
	background-image:		radial-gradient(rgb(224,224,222), rgb(192,191,184));
}

.splash
{
	position:				relative;
}

.splash .trolley
{
	position:				absolute;
	width:					100%;

	background-size:		contain;
	background-position:	bottom right;
	background-image:		url('images/small.png');
}

.splash .logo
{
	position:				absolute;
	width:					100%;

	background-size:		contain;
	background-position:	top left;
	background-image:		url('/header/images/logo.svg');
}

.splash .title
{
	font-weight:			600;
	line-height:			1.2;
	text-shadow:			0px 0px 64px white;
	color:					#2d314d;
}

.splash .subtitle
{
	font-weight:			400;
	line-height:			1.5;
	text-shadow:			0px 0px 64px white;
}



.overview .grid3
{
	margin-top:				2rem;
}

.overview .image
{
	width:					60%;
	height:					0%;
	padding-bottom:			60%;
	margin:		    		auto;

	border-radius: 			50%;
	background-position:	top center;

}

.overview .desc
{
	padding:				2.0rem 0.0rem 0.0rem 0.0rem;
	text-align:				center;
}




.detail .image
{
	width:					100%;
	height:					0;
	padding-bottom:			58%;
	
	border-radius: 			0.5rem;
	background-image:		url('images/surgery.jpg');
}



.splash					{	height:		24rem;																		}
.splash .trolley		{	height:		26rem;	margin-top:	1rem;	background-image:	url('images/small.png');	}
.splash .logo			{	height:		 4rem;	margin-top:	1rem;													}
.splash .desc			{	width:		12rem;																		}
.splash .title			{	width:		12rem;	margin-top:	6rem;	font-size:	1.4rem;								}
.splash .subtitle		{	width:		12rem;	margin-top:	1rem;	font-size:	0.8rem;								}
.splash .learn			{	width:		10rem;	margin-top:	1rem;													}


@media only screen and (min-width: 700px) 
{
	.overview .image    {	width: 75%; padding-bottom: 75%															}
}

@media only screen and (min-width: 700px) 
{
	.splash				{	height:		24rem;																		}
	.splash .trolley	{	height:		26rem;	margin-top:	1rem;	background-image:	url('images/large.png');	}
	.splash .logo		{	height:		 5rem;	margin-top:	2rem;													}
	.splash .title		{	width:		24rem;	margin-top:	8rem;	font-size:	1.8rem;								}
	.splash .subtitle	{	width:		16rem;	margin-top:	1rem;	font-size:	0.9rem;								}
	.splash .learn		{	width:		10rem;	margin-top:	1rem;													}
}


@media only screen and (min-width: 900px) 
{
	.splash				{	height:		35rem;																		}
	.splash .trolley	{	height:		38rem;	margin-top:	 1rem;	background-image:	url('images/large.png');	}
	.splash .logo		{	height:		 7rem;	margin-top:	 4rem;													}
	.splash .title		{	width:		32rem;	margin-top:	13rem;	font-size:	2.7rem;								}
	.splash .subtitle	{	width:		20rem;	margin-top:	 1rem;	font-size:	1.2rem;								}
	.splash .learn		{	width:		10rem;	margin-top:	 2rem;													}
}