html, body {
 background: #b0b0b0 linear-gradient(to right, #969696, #b0b0b0, #969696);
 font-family: Arial, Helvetica, Verdana, sans-serif;
 color: #fff;
 font-size: 16px;
 margin: 0;
 padding: 0;
 height: 1px;
}

a {
 color: #fff;
 text-decoration: none;
}

strong {
 line-height: 2.0;
}

.left {
 text-align: right;
 position: relative;
 float: left;
 width: 325px;
}

.left p {
 border-right: 1px solid white;
}

.fifty {
 position: absolute;
 width: 100%;
 top: 45%;
 margin-top: -83px;
}

.orzel {
 width: 499px;
 margin: 10px auto 0;
}

.right {
 text-align: left;
 position: relative;
 float: right;
 width: 325px;
}

.belt {
 height: 166px;
 background-color: #fff;
 box-shadow: 0px 0px 75px -25px #000;
}

.contact {
 text-align: center;
 width: 650px;
 margin: 0 auto;
 text-shadow: 0 0 5px #808080;
}

.contact p{
 margin: 50px 0;
 padding: 0 30px;
}
.copyrights {
 background: url("../images/con_shaddow.png") no-repeat center top;
 position: absolute;
 bottom: 0px;
 width: 100%;
 text-align: center;
 font-size: 11px;
}

#logo {
 width: 291px;
 height: 71px;
 margin: auto;
 padding: 50px 0;
}

#email p{
 margin: 10px 0;
}

@media only screen and (max-width: 650px) {
html, body {
 font-size: 11px;
}
.contact {
  width: 430px;
 }
.contact p{
 margin: 15px 0;
 padding: 0 20px;
}
.copyrights {
 font-size: 9px;
}
.left, .right{
 width: 215px;
}
.orzel {
 width: 76.5%;
}
.orzel img {
 width: 100%;
}
}
@media only screen and (max-width: 430px) {
.contact {
  width: 100%;
}
.left p {
 border-right: none;
}
.left, .right{
 width: auto;
 text-align: center;
 position: static;
 float: none;
}
}

@media only screen and (max-height: 820px) {
#logo {
 padding: 30px 0;
}
.belt {
 height: 126px;
}
.contact p{
 margin: 25px 0;
 }

@media only screen and (max-height: 580px) {
html, body {
 font-size: 11px;
}
.contact p{
 margin: 15px 0;
 padding: 0 20px;
}
.copyrights {
 font-size: 9px;
}
.copyrights p {
 margin: 7px;
}
.orzel {
 margin: auto;
}
}

@media only screen and (max-height: 420px) {
.fifty {
 margin-top: -90px;
}
.belt {
 height: 100px;
}
#logo {
 padding: 22px 0;
}
.orzel {
 margin: -25px auto 0;
}
}

@media only screen and (max-height: 340px) {
 img {
  visibility: hidden;
 }
.fifty {
 margin-top: -120px;
}
}