* {margin: 0;
       padding: 0;
       font-family:  Arial,Tahoma,Verdana, sans-serif;
       box-sizing:border-box;

    }

    body {
       background-color: black;
    }

    #kontener {   	
    	max-width: 800px;
    	min-width: 550px;     
    	margin: 0 auto;
        background-color: #F1F8E9;
    }

    #belka {
    	max-width: 800px;   
    	display: block;
    	padding: 13px 20px;
    	background-color: black;
    	color: white;
    	text-align: center;
    }

    header img {
    	width: 100%;
    	display: block;
    }

    nav {
    	width: 100%;
        overflow: hidden;
    	}

    nav a {
    	display: block;
        float: left;
    	width: 20%;
    	padding: 10px 5px;
    	color: white;
        background-color: darkcyan;
    	text-decoration: none;
    	text-align: center;
    }

    a.menu:hover {
    	background-color: orange;
    	color: black;
    }

    a.menu:active {
        background-color: orange;
        color: black;
    }


    a.adres {
        text-decoration:none;
        color: white;
    }

    a.adres:hover {
    	color: greenyellow;
    }

     article {
        margin: 30px 15px 15px 15px;         
        padding: 0 20px;     
    }

    article h3 {
        font-size: 18px;
        width: auto;
        text-align: center;
        margin: 0 10% 20px 10%;
        padding-bottom: 10px;
        color: #1B5E20;
        border-bottom: 2px solid darkcyan;
    }



    article p { 
        margin: 0 20 0 20px;
    	text-align: left;
    	line-height: 25px;
        font-size: 16px;
        padding: 5px 0;
        color: #1B5E20;
       
    }

    footer {
    	height: 30px;
    	background-color: darkcyan;
    	color: white;
    	line-height: 30px;
    	text-align: center;
    }