body {
  font-family:Arial, Helvetica, Sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:400;
  color:#434343;
  background:#FFF;
}

.container {margin:0 auto;}

header img {
  width:100%;
  height:80%;
}

footer {
  clear:both;
  color:#FFF;
  background:#121212;
  padding:10px 0 10px 20px;
  margin:0 0 15px;
}

table {
  text-align: center;
  width: 100%;
  height: 100%;
  background-color: rgb(51, 102, 255);
  "border="0" cellpadding="10" cellspacing="0"
  font-family:Arial,sans-serif;
  font-size:16px;
  border-spacing:10px 5px;
  table-layout:fixed;
  empty-cells:hide;                 /*ukrycie pustych komorek*/
}

td {
  border:0px solid black;
  vertical-align: middle;
  padding:2px;                      /*marginesy wewnętrzne */
  height:50%;
}

td.inny_wyglad {
   vertical-align: top;
   text-align:=""
   vertical-align:=""
}

td.inny_wyglad input {
   color: black;
/*   background-color: rgb(200, 200, 200);  */
   width: 51%;
   height: 135px;
   font-size: 40px;"
}

input {
  color: white;
/*  background-color: blue;   */
  width: 50%; 
  height: 135px;
  font-size: 20px;"
  horizontal-align: center;
}

/*      komputer              */
@media (min-width: 1100px) {              
	.container {width:1050px;}
	input {height: 135px;}
        td.inny_wyglad input {height:135px;}
}
/* tablet orientacja pozioma  */
@media (max-width: 1100px) and (min-width: 1000px) {
	.container {width:950px;}
	input {height:40%; width:70%;}
        td.inny_wyglad input {height:40%; width:70%;}
}
/*  tablet orientacja pionowa  */
@media (max-width: 1000px) and (min-width: 800px) {
	.container {width:800px;}
	input {height:135px;}
	td.inny_wyglad input {height:135px;}
}
/*   telefon orientacja pozioma */
@media (max-width: 800px) and (min-width: 500px) {
	.container {width:450px;}
        header {height:60px; width:100%;}
	input {height:40px; width:100%;}
	td.inny_wyglad input {height:50px; width:100%;}
}
/*   telefon orientacja pionowa  */
@media (max-width: 500px) {
	.container {width:90%;}
	input {height:70%; width:100%;}
        td.inny_wyglad input {height:70%; width:100%;}
}

//  border-collapse:collapse;        //obramowanie komórek połączone