@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,latin-ext);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

header
{
    display:flex;
    height: 60px;
    width:100%;
    background-color: hsl(200, 3%,35%);
    box-shadow: 0px -2px 10px hsl(0, 0%, 15%);
}

#menu_gorne
{
    width: 1200px;
    margin: 0 auto;
}

#tytul
{
    width: 170px;
    float: left;
}

h1
{
    text-align: left;
    color: hsl(30, 100%, 50%);
    text-shadow: 2px 2px 1px hsl(30, 5%, 20%);
    font-size:42px;
    margin: 0;
    padding:5px;
}

nav
{
    width: calc(100% - 170px);
    display:flex;
    justify-content: right;
    font: 400 16px/24px 'Open Sans',sans-serif;
}


.menu_przycisk
{
    display: block;
    text-decoration: none;
    font-size:16px;
    margin: 8px 10px;
    padding: 10px 4px;
    color: hsl(0, 0%, 95%);
    transition: 500ms;
}

.menu_przycisk:hover
{
    color: hsl(30,100%,50%);
    transition: 500ms;
    text-shadow: 2px 2px 2px hsl(200, 3%,40%);
}