body{
	display:block;
	margin: 0 auto;
	font-size: 1.1em;
	font-family: 'Open Sans', sans-serif;
	color: rgb(102, 102, 102);
}

.nav {
	
}

a:link {color: rgb(50, 50, 50);}
a:visited {color: rgb(90, 90, 90);}
a:hover {color: rgb(160, 160, 160);}
a:active {color: rgb(50, 50, 50); }

.inkChatButton {
	-moz-box-shadow:inset 0px 1px 0px 0px rgb(235, 235, 235);
	-webkit-box-shadow:inset 0px 1px 0px 0px rgb(235, 235, 235);
	box-shadow:inset 0px 1px 0px 0px rgb(235, 235, 235);
	background-color:rgb(235, 235, 235);
	display:inline-block;
	cursor:pointer;
	font-weight:bold;
	padding:6px 12px;
	border:none;
}


ul.nav{
	display: block;
	list-style-type: none;
	text-align: center;
	width: 100%;
    margin: 0;
    padding:6px 12px;
    background-color:rgb(235, 235, 235);
    margin-bottom: 25px;
    text-decoration:none;
}

ul.noBullets {
	list-style-type: none;
	padding:0px;
}

ul.center {
	text-align: center;
}

li.nav {
	display: inline;
	margin: 0px;
}

h1.center, h2.center, h3.center {
	text-align: center;
}

p.center {
	text-align: center;
	margin-left: auto;
    margin-right: auto;
}

p.biggerBolder {
	font-size: 1.2em;
	font-weight: bold;
}

img.center {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

a.noUnderline{
	text-decoration: none; 
}

/*#title {
	margin:0 auto;
	width:500px;
	height:200px;
	background-image: url("../main_logo_idea.svg");
	background-size: contain;
	text-align: center;
}*/

#pageTitle {
	text-align: center;
}

#content {
	max-width: 600px;
	display:table;
	margin: 0 auto;
}

/*#logo {
	width:400px;
	height:400px;
}*/

#startInkChatGroup {
	padding:6px 4px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px auto;
	margin-right: 0px auto;
	text-align: center;
	background-color:rgb(235, 235, 235);
}
#startInkChatGroup_button {
	font-size: 1.3em;
	margin: 0px;
	text-align: center;
	color: rgb(102, 102, 102);
}
#startInkChatGroup_button:hover{
	color: rgb(160, 160, 160);
}
#startInkChatGroup_input{
	padding:4px 0px;
	font-size: 1.3em;
}

#footer {
	margin-top: 2em;
	text-align: center;
}

@media (max-width: 499px) {
	#title {
		margin: 0 auto;
	    width: 100%;
	    text-align: center;
	}

	#logo {
		width:100%;
	}	
}

@media (min-width: 500px) {
	#title {
		display: table;
		margin:0 auto;
		width:500px;
		height:200px;
		text-align: center;
	}

	#logo {
		width:400px;
		height:400px;
	}	
}