html, div {
  box-sizing: border-box;
}

html:fullscreen {
    background-color: #444;
}

body { color: #888; background:#444;  
  box-sizing: border-box; 
/*  width: 100%; */
}

.back_button {
	float: right;
	display: block;
	text-decoration: none;
	padding: 5px 15px;
	margin: -5px 30px;


  font-family: arial;

  color: #EDEDED;
  font-size: 14px;

  text-shadow: 2px 2px 2px #29394A;
  box-shadow: 2px 2px 3px #141414;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #636363;;
  background: #2E2E2E;
  background: linear-gradient(top,  #A6A6A6,  #5E5E5E);
  background: -ms-linear-gradient(top,  #A6A6A6,  #5E5E5E);
  background: -webkit-gradient(linear, left top, left bottom, from(#A6A6A6), to(#5E5E5E));
  background: -moz-linear-gradient(top,  #A6A6A6,  #5E5E5E);
}
.back_button:hover {
  color: #FFFFFF;
  background: #ADADAD;
  background: linear-gradient(top,  #B5B5B5,  #666666);
  background: -ms-linear-gradient(top,  #B5B5B5,  #666666);
  background: -webkit-gradient(linear, left top, left bottom, from(#B5B5B5), to(#666666));
  background: -moz-linear-gradient(top,  #B5B5B5,  #666666);
}

#div_stopka {
	font-family: sans-serif;
	float: right;
	margin-right: 20%;
	padding: 5px 20px;

}

#div_stopka a {
	color: #111;
	font-weight: bold;
	text-decoration: none;
}


@media (orientation:landscape) {
  .dolny_odstep {
    clear: both;
    margin-bottom: 20vw;
  }
}

@media (orientation:portrait) {
  .dolny_odstep {
    clear: both;
    margin-bottom: 20vh;
  }
}

/* przycisk logowania do admina */


input.niewidoczny:not([type=submit]):not([type=file]) {
   background-color: #444;
   border: 1px dotted #3D3D3D;
   width: 40px;
}

input.niewidoczny:not([type=submit]):not([type=file]):focus {
   background-color: #484848;
   border: 1px dotted #3D3D3D;
   outline: 0;
}

/* podstawowe nagłówki dla tytułu i podtytułu */

h1 {
  font-family: 'trebuchet MS', sans-serif;
  font-variant: small-caps;
  font-size: 2.5em;
  font-weight: bold;
  letter-spacing: 0.6pt;
  word-spacing: 5.2pt;
  line-height: 0.9;
  margin: 20px 50% 10px 50px;
  color: #DDD;
  text-shadow: 1px 1px 4px rgba(20, 20, 20, 0.58);
  border-bottom: solid;
  border-bottom-width: 5px;
  border-bottom-color: #888;
/*  min-width: 600px; */
  box-sizing: border-box;
}

h1 input {
  font-family: 'trebuchet MS', sans-serif;
  font-variant: small-caps;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0.6pt;
  word-spacing: 5.2pt;
  line-height: 0.9;
    background: #666;

}

@media only screen and (max-width: 768px) { 
h1 {
  margin: 40px 20px 10px 30px;
  font-size: 1.5em;
}
}

h2 {
  font-family: 'trebuchet MS', sans-serif;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0.6pt;
  word-spacing: 5.2pt;
  line-height: 0.9;
  margin: 5px auto 20px 80px;
  color: #DDD;
  text-shadow: 1px 1px 4px rgba(20, 20, 20, 0.58);
  box-sizing: border-box;
}

h2 input {
  font-family: 'trebuchet MS', sans-serif;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0.6pt;
  word-spacing: 5.2pt;
  line-height: 0.9;
    background: #666;

}