/* Reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display:block;
}

body {
  line-height:1;
}

ul, ol {
  list-style:none;
}

blockquote, q {
  quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content:'';
  content:none;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}
/* Koniec - Reset CSS */


a{text-decoration:none;}
nav.vertical ul li{display:block;}/* vertical menu */
nav.horizontal ul li{display: inline-block;}/* horizontal menu */
img{max-width:100%;}


/* Globalne ustawienia fontu dla strony */
p, span, a {
	font-family: 'Ubuntu', sans-serif;
	color: white;
}

p {
	margin-top: 50px;
	font-size: 1.2em;
	line-height: 1.6em;
}

span {
	font-weight: 300;
}

body {
	background:url(../images/404/bg.png) no-repeat 100%;
	background-size: 100%;

	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
/**-----start-kontener---------**/
.kontener {
	width: 70%;
	margin: 5.2% auto 4%;
}
/**-----start-logo--------**/
.logo
{
	padding: 1em;
	text-align: center;
	padding: 1% 1% 5% 1%;
}
.logo h1{
	display: block;
	padding: 2em 0em;
}
.logo span{
	font-size: 2em;
	color:#fff;
}
.logo span img{
	width:40px;
	height: 40px;
	vertical-align:bottom;
	margin: 0px 10px;
}

/**-----koniec-logo---------**/
/**-----start-search-bar-section------**/

.buttom p.display-website, .buttom p.display-mobile{
	display: block;
	margin: 0 auto;
	width: 40%;
	background-color: #E15F74;
	padding: 20px;
	text-align: center;
	font-weight: 400;
	/*CSS3*/
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.buttom p.display-website:hover, .buttom p.display-mobile:hover {
	background-color: #D34946;
}

.buttom p.display-mobile {
	display: none;
}

/*********Media Queries************/
@media only screen and (max-width: 768px)
{
.kontener {
	width: 80%;
}	
.logo img {
	width: 315px;
}
.buttom p.display-mobile {
	display: inline-block;
	width: 90%;
	font-weight: 400;
}
.buttom p.display-website {
	display: none;
}

}
@media only screen and (max-width: 640px)
{
.kontener {
	width: 85%;
}	
.logo {
	padding: 1% 1% 12% 1%;
}
.logo img {
	width: 300px;
}
p.small-text {
	margin-top: 30px;
	font-size: 0.9em;
}
.buttom {
	margin-bottom: 30%;
}
.buttom p.display-mobile {
	display: inline-block;
	width: 90%;
	font-weight: 400;
}
.buttom p.display-website {
	display: none;
}
}
@media only screen and (max-width: 480px)
{
.kontener {
	width: 90%;
}	
.logo {
	padding: 1% 1% 12% 1%;
}
/***/
.logo span {
	font-size: 1.6em;
}

.logo img {
	width: 270px;
}
.buttom {
	margin-bottom: 30%;
}
.buttom p.display-mobile {
	display: inline-block;
	font-weight: 400;
	margin: 0 auto;
}
.buttom p.display-website {
	display: none;
}
}
@media only screen and (max-width: 320px)
{
.kontener {
	width: 90%;
}	
.logo {
	padding: 1% 1% 12% 1%;
}
/***/
p.small-text {
	margin-top: 30px;
	font-size: 0.8em;
}
.buttom p.display-mobile {
	display: block;
	width: 50%;
	font-weight: 400;
	margin: 0 auto 20%;
}
.buttom p.display-website {
	display: none;
}
.logo span {
	font-size: 1.4em;
}

.logo span img {
vertical-align: middle;
}
.logo img {
	width: 200px;
}
}