/* CSS Document */
* {
  box-sizing: border-box;
}
body {font-family: Verdana, Geneva, Tahoma, sans-serif;}
/*hlavička*/
header{background: orange ;
       padding: 30px ;
       text-align: center;
font-size: 35px;
color: white;
}
/*navigace*/
nav {float: left;
  width: 30%;
  height: 2500px;/*vyška*/
  background: white ;
  padding: 0px;
  margin:0px;
  list-style-type:none;
  }
  nav ul {
  list-style-type: none;
  padding: 0;
}
nav li a {
       padding:12px;
       text-decoration: none;
    color: FCBC00 ;
  display: block;
}
nav li a:hover{
background-color:peru;}

 /*vlastn? obsah*/
 article{
 float:left;
 width:70%;
 padding:20px;
 background-color: BurlyWood;
 height:2500px;/*výška*/
 }
 section:after {
 content:"";
 display: block;
 clear:both;
 }
 /*patička stránky*/
 footer {
 background-color:F1B300;
 padding:10px;
 text-align:center;
 color:black;
 }
 /*pro tablety a mobily*/
 @media(maw-width:600px) {
 nav, article,{
 width:100px;
 height:auto;
 }
 }