* {margin: 0; padding: 0;}

html {height: 100%;font-size:10px}

body {min-height: 100%;position:relative; background-size:cover; background-repeat:no-repeat; 
	  font-family: 'Roboto Condensed', sans-serif; font-weight: 300; color:#000; background-color:#193c90}

/*.visibility{visibility: hidden;}
.animated{visibility: visible!important;}*/



	div#container {margin:0 auto; width:100%; text-align:center;}
	.img-logo {margin-top:0px; margin-bottom:0px}
	div.dane {width:1000px; margin:130px auto 0 auto; text-align:center;}
	div.cook {margin-top:30px; width:100%; height:50px; font-size:1.2rem;}
	h1 {font-size:35px; color:#fff; font-weight: 300; margin-top:30px}
	div.button {display:inline-block; float:left; font-family:'Roboto Condensed'; width:180px; height:80px; margin:10px; text-align:center; background-color:#bf70a4} 
	div.button1 {display:inline-block; float:left; font-family:'Roboto Condensed'; width:180px; height:80px; margin:10px; text-align:center; background-color:#bf70a4}
	div.link-pl {margin-top:15px;}
	div.link-pl1 {margin-top:31px;}
	a.pl, a.ru {font-size:2rem; text-decoration:none; text-transform: uppercase; font-weight:600;}
	a.pl1, a.ru1 {text-decoration:none; text-transform: uppercase; font-weight:600;}
	a.pl1 {font-size:2rem;}
	a.ru1 {font-size:1.6rem;}
	a.pl:hover, a.pl1:hover {color:#1d2b72;}
	a.pl, a.pl1 {color:#fff;}
	a.ru, a.ru1 {color:#000;}
	a.ru:hover, a.ru1:hover {color:#1d2b72;}
	div.ehhh {text-align:center;}
	div.empty {clear:both; height:1px; width:100%}
	a.autor {color:#fff}


	@media screen and (min-width: 381px)
			      and (max-width: 1388px)
	{
		div.dane {width:400px; margin:0 auto; text-align:center;}
		#bg1, #bg2 {display:none;}
	}

	@media screen and (min-width: 240px)
			      and (max-width: 380px)
	{
		div.dane {width:200px; margin:0 auto; text-align:center;}
		.img-logo {width:230px;}
	}