/* CSS Document */
* {
  box-sizing: border-box;
}
body {font-family: Verdana, Geneva, Tahoma, sans-serif; }
/*hlava dokumentu*/
header {  background-color: white;
         padding: 30px;
       text-align: center;
       font-size: 35px;
       color: black;
        }

 /*navigace*/
nav {
  float: left;
  width: 30%;
  height: 1050px; 
  background: #ccc;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
nav  li a {
  padding: 12px;
  text-decoration: none;
  color: black;
  display: block;
  }
  li a:hover {
  background-color: white;
}
   nav ul {
  list-style-type: none;
  padding: 0;
}

article {
  float: left;
  padding: 20px;                                                  
  width: 70%;
  background-color:#CFD3CD;
  height: 1050px; }

section::after {
  content: "";
  display: block;
  clear: both;
}

/*Pati�ka str�nky*/
footer {
  background-color:#ccc ;
  padding: 10px;
  text-align: center;
  color: white;
}
/*pro tablety a mobily*/
@media (max-width: 600px) {
  nav, article {
    width: 100%;
    height: auto;
  }