*
{
font-family: 'Hind Siliguri', sans-serif;
}

.logo
{
        background: url("../pics/Zarco.png");
        height: 46px;
        width: 140px;
        background-repeat: no-repeat;
        background-size: 100%;
	margin-top: 20px;
	margin-bottom: 0px;
}

.banner
{
	margin-top: 160px;
}

.intro h4
{
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

.intro
{
	padding-top: 20px;
	margin-top: 0px;
	background-color: white;
	font-size: 0.8em;
	text-align: center;
}

.page-footer
{
	margin-top: 200px;
	background-color: #000000;
	color: white;
}

@supports (-webkit-appearance:none) 
{
	.logo
	{
        	background: url("../pics/Zarco.svg");
        	height: 46px;
        	width: 140px;
        	background-repeat: no-repeat;
        	background-size: 100%;
		margin-top: 20px;
		margin-bottom: 0px;
	}
}

@media screen and (min-width: 900px) 
{
	.logo
	{
	        background: url("../pics/Zarco.png");
	        height: 81px;
	        width: 244px;
	        background-repeat: no-repeat;
	        background-size: 100%;
		margin-top: 25px;
		margin-bottom: 0px;
	}

	.banner
	{
		margin-top: 150px;
	}
	
	.intro
	{
		margin-top: 0px;
		font-size: 1em;
		text-align: center;
	}

	.intro h4
	{
		font-size: 2em;
		padding-left: 100px;
		padding-right: 100px;
	}

	@supports (-webkit-appearance:none) 
	{
		.logo
		{
	        	background: url("../pics/Zarco.svg");
	        	height: 81px;
	        	width: 244px;
	        	background-repeat: no-repeat;
	        	background-size: 100%;
			margin-top: 25px;
			margin-bottom: 0px;
		}
	}
}