#container{
	width: 100%;
	margin-top: 30px;
	margin-left: 0px;
}
#container>*{
	align-content: center;
	text-align: center;
}
#header{

	height: calc(70vw*0.6);
}
#logo{
	width:70%;
}
#heading{
	margin-top: calc(-70vw*0.5);
	width: 100%;
}
#venueImg{
	width: 30%;
}
#about{
	padding: 50px;
}
#contact-heading{
	margin-bottom: 30p;
}
#contacts{
	width: 100%;
	padding: 0px;
	padding-top: 0px;

}
.contact{
	width: 100%;
	float: none;
}
.right{
	margin-top: 5px;
}
@media only screen and (min-width: 960px){
	#container{
		width: 960px;
		margin-top: 30px;
		margin-left: calc(50vw - 480px);
	}
	#header{
		height: calc(70%*0.6);
	}
	#logo{
		width:70%;
	}
	#heading{
		margin-top: -270px;
		width: 960px;
	}
	#venueImg{
		width: 30%;
	}
	#about{
		padding:80px;
	}
	.contact{
		width: 50%;
		float: left;
	}
	#contacts{
		margin-left: calc(25%);
		padding: 0px;
		width: 50%;
	}
}