h1, h2 {margin:0; padding:0;}

body{
    width: 700px;
    background: white;
    margin: 0 auto;
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    font-size: 17pt;
}

#header {
    width: auto;
    height: 330px;
    background-image: url("img/logo.png");
    background-repeat: no-repeat;
    background-size: 700px;
    background-position: center;
    margin-top: 1em;
    position: relative;
	text-align: center;
}

#obsah{
	text-align: center;
}

#obsah a{
	margin: 0 20px 0 20px;
}

#socky{
	margin: 40px 10px 0 0;
}

h1 {
    font-size: 28pt;
    text-align: center;
    color: #d82626;
    margin: 10px 0 0 0;
}

h2 {
    font-size: 17pt;
    text-align: center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

a:link    {color: black; text-decoration: none}
a:visited {color: black; text-decoration: none;}
a:active  {color: black; text-decoration: none;}
a:hover   {color: red; text-decoration: none}

@media screen and (max-width: 650px) {
    
    body {
        width: 90%;
        text-align: center;
    }

	#header {
	    width: auto;
	    height: 190px;
	    background-image: url("img/logo.png");
	    background-repeat: no-repeat;
    	background-size: 330px;
	    background-position: center;
	    margin-top: 1em;
		border-bottom: 1px solid #7f8075;
		text-align: center;
		margin: 50px 0 30px 0;
		float: none;
	}

	h1 {
	    font-size: 16pt;
	}

	h2 {
		font-size: 14pt;
	}

	#obsah {
		font-size: 13pt;
	}

	#header img {
		height: 35px;

	}
}