body {
	font-family: 'Anonymous Pro', sans-serif;
}

.panel {
	border-style:solid;
	padding:10px;
	flex:1 1 20%;
	-ms-flex:1;
	-moz-flex:1;

	min-width:20%;
	min-height:100px;
	text-align:justify;
	word-wrap:break-word;
	overflow:hidden;
	-moz-transition:background-color 2s ease-out 1s,border-color 1s ease-out .2s,box-shadow 0.5s ease-in 0.1s;
	-webkit-transition:background-color 2s ease-out 1s,border-color 1s ease-out .2s,box-shadow 0.5s ease-in 0.1s;
	-ms-transition:background-color 2s ease-out 1s,border-color 1s ease-out .2s,box-shadow 0.5s ease-in 0.1s;
    transition:background-color 2s ease-in 1s,border-color 1s ease-out .5s,box-shadow 0.5s ease-in 0.1s;

}

.panel:hover {
	background-color:#F5F5F5;
	border-color:YellowGreen;
	box-shadow:inset 0px 0px 40px rgba(0,0,0,.3);
	-webkit-box-shadow:inset 0px 0px 40px rgba(0,0,0,.3);
	-moz-box-shadow:inset 0px 0px 40px rgba(0,0,0,.3);
	-ms-box-shadow:inset 0px 0px 40px rgba(0,0,0,.3);
}

.panel h2 {
	-moz-transition:color 1.5s ease-in .3s, text-shadow 1s ease-in;
	-webkit-transition:color 1.5s ease-in .3s, text-shadow 1s ease-in;
	transition:color 1.5s ease-in .3s, text-shadow 1s ease-in;
	-ms-transition:color 1.5s ease-in .3s, text-shadow 1s ease-in;
}

.panel:hover h2 {
	color:magenta;
}

.panel:hover h2 {
	text-shadow: 0.6em 0.2em 0.2em #708090, -0.6em 0.2em 0.2em #708090;
}


#mastergrid {
	display:flex;
	display:-moz-flex;
	display:-ms-flexbox;
	display:-webkit-flex;

	flex-direction:row;
	-webkit-flex-direction:row;

	flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;

	-moz-border-stye:none;
	border-style: solid;
}

#logo {
	background-image:url('jk_small.png');
	background-size:contain;
	background-repeat:no-repeat;

	background-position:center top;

	background-color:darkgrey;
	flex:2 2 inherit;
	-ms-flex:2;
	-moz-flex:2;
	-webkit-flex:2 2 inherit;

}

#logo:hover {
	background-color:#F5F5F5;


}

#whatis {
	flex:4 4 50%;
	-ms-flex:4;
	-moz-flex:4;
	-webkit-flex:4 4 50%;
	min-width:50%;
}

#duties {
	flex:2 2 30%;
	-ms-flex:2;
	-moz-flex:2;
	-webkit-flex:2 2 30%;
	min-width:30%;
	font-size:1.1em;
}

#manager {
}

#worker {
}

#principles {
	flex:1 1 30%;
	-ms-flex:1;
	-moz-flex:1;
	-webkit-flex:1 1 30%;
	min-width:30%;
}

#principles li {
	font-size:1.3em;
}


#links {
	flex:1 1 30%;
	-ms-flex:1;
	-moz-flex:1;
	-webkit-flex:1 1 30%;
	min-width:30%;
	text-align:left;
}

#ads {
	flex:1 1 430px;
	-ms-flex:1;
	-moz-flex:1;
	-webkit-flex:1 1 430px;
	min-width:430px;
	min-height:150px;
	text-align:center;
}

#ads:hover {
	background-color:white;
}

#widget {
	text-align:center;
}

#about {
	text-align:center;
}

li {
	margin-right:15px;
}
ul {
	list-style-type: square;
	 line-height:1.6em;
}

h2 {
	font-family:'Jura',sans-serif;
	text-align:center;
}