body {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
background: green; /*#4D4D4D*/
}

.DivIndex {
background: #7C7C7C;
border: 1px solid #000000;
width: 500px;
left: 50%;
top: 50%;

}

header {
margin: 0;
background: #373737;
height: 50px;
display: flex;
flex-direction: row;
cursor: default;
}

.DivLogo {
height: 100%;
width: 20%;
text-align: center;
}

.PicLogo {
height: 45px;
margin-top: 2.5px;
}

.DivTitle {
height: 100%;
width: 90%;
}

header h1 {
margin: 10px 0;
color: white;
cursor: context-menu;
}

nav {
background: #dadada;
border-bottom: 1px solid black;
border-top: 1px solid black;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
overflow: hidden;
}

nav ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;

width: 100%;
margin: 0;
background: #6E6E6E;
}

nav li {
background: silver;
color: #ffffff;
text-align: center;
width: 40%; /* min: 6% */
/*margin: 0 0 0.25% 0;*/
margin: 0 5px;
padding: 5px 0 5px 0;
list-style: none;
}

nav {
background: #282828;
color: white;
}

nav a:visited {
color: black;
}

main {
background: #BEBEBE;
}