@import 'content/contact.css';
@import 'content/map.css';
@import 'content/team.css';

html, body{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	font-family: 'Sahitya', sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

h1{
	font-size: 3.5vw;
	margin: 0 auto;
}

#background{
	position: absolute;
	width: 100%;
	height: 100%;
}

a{
	text-decoration: none;
	color: black;
	cursor: pointer;
	padding: 2px;
}

#container{
	position: relative;
	height: 100%;
	width: 100%;
}

#header{
	position: absolute;
	width: 100%;
	background: rgba(196, 196, 197, 0.92)
}

#brand {
	width: 20%;
}

.menuSubContainer {
	width: 33%;
	text-align: center;
}

.menuSubContainer a {
	font-size: 2vw;
	margin-bottom: 0;
	line-height: 8vw;
	vertical-align: middle;
	border-radius: 10px;
}

.menuSubContainer a:hover {
	color: #4d79ff;
	background: #ccccb3;
	padding: 5px;
}

.menu {
	display: flex;
	width: 40%;
}

#menuContainer {
	display: flex;
	padding: 0.5vw;
}

#content h2 {
	font-size: 2.5vw;
}

#content p {
	margin: 0 auto;
	font-size: 1.3vw;
	width: 90%;
	margin-top: 1vw;
}

#content{
	position: absolute;
	height: 79%;
	width: 75%;
	bottom: 1%;
	margin: 0 auto;
	left: 0;
	right: 0;
	background: rgba(255,255,255,0.92);
	text-align: center;
	overflow: auto;
}

#landingPicDiv{
	height: 70%;
	width: 90%;
	margin: 0 auto;

}

#landingPicImg{
	height: 100%;
}