*  { box-sizing: border-box;}
body
{ background-color:whitesmoke;
  font-family:verdana,helvetica,arial,sans-serif; 
  font-size: 12px;
  margin: 0px;
  padding: 0px;	
 
}

.HeaderLine
{ width:100%;
  height: 83px;
  background-color: #07557C;
  margin:0;
  padding:5px 0;
}

.Header
{ width:1000px; 
  height:100px;
  margin:0px auto;
}

.Header h1
{ font-size: 30px;
  color: whitesmoke;
  padding:5px;
  margin:0;  
  text-align:center;
  text-transform:uppercase;
}

.Header p
{ color: #f5e347;
  margin: 0;
  padding: 0;
}

.Header p a{color: #f5e347; text-decoration: none; }

.MenuLine
{ width:100%;
  height: 25px;
  background-color: white;
  color:#07557C;
  margin:0;
  padding:0px;
}

.MenuLine p 
{ margin:0 auto; 
  width: 1000px; 
  font-size:20px; 
  text-transform:uppercase;
  text-align:center; }

.Content
{ width: 1000px;
  margin: 5px auto;
  color: black;
}

.Content p
{ margin:0 10px;
  text-align:justify;
  font-size: 14px;
}

.Menu
{ font-size: 15px;
  text-transform: uppercase;
  list-style:none;
  padding:0;
}


.Menu li
{ margin:10px 10px;
  display: block;
  padding:10px;
  display:block;
  border: 1px solid grey;
  border-radius: 8px;
}

.Menu li:hover
{ background-color:grey; color: white;}

@media screen and (max-width: 1000px) 
{
  .Header { width:100%; }
  .Header h1 { font-size: 20px; }
  .Header h1 p {margin-top:10px;  font-size: 24px;}
  .MenuLine p { width:100%; font-size:16px; }
  .Content { width: 100%; }
  
}
@media screen and (max-width: 650px) 
{ .MenuLine { height: 40px; }
}