@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,900&subset=latin-ext');

html
{
  height:100%;
}

body
{
margin:0px;
font-family: 'Open Sans', sans-serif;
  background:#173c97 url('../grafika/tlo.jpg') no-repeat center center;
  background-size:cover;
  height:100%;
}

body a, body a:hover, body a:focus
{

text-decoration:none;

}

body input, body select, body textarea
{
font-family: 'Open Sans', sans-serif;
}


.kasuj
{
  clear:both;
}



.cala-strona
{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;

  text-align:center;
}

@media (max-height:500px) {

.cala-strona
{
  position:relative;
  top:auto;
  left:auto;
  width:100%;
  height:100%;
  background:#173c97 url('../grafika/tlo.jpg') no-repeat center center;
  background-size:cover;
  text-align:center;
}

}



.cala-strona-zaw
{
    position:relative;
    top:50%;
    right:0px;
    transform: translateY(-50%); 
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    padding:0px 30px;
}

@media (max-height:500px) {

.cala-strona-zaw
{
    position:relative;
    top:0%;
    right:0px;
    transform: translateY(0%); 
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    padding:30px 30px;
}

}

.cala-strona-zaw img
{
   width:auto;
   height:auto;
   max-width:100%;
}

@media (max-width: 1600px) {


.cala-strona-zaw img
{
   width:100%;
   height:auto;
   max-width:600px;
}


}


@media (max-width: 760px) {


.cala-strona-zaw img
{
   width:100%;
   height:auto;
   max-width:400px;
}


}

.cala-strona-zaw-tekst
{

  padding-top:30px;
}

.cala-strona-zaw-tekst span
{
  font-size:34px;
  font-weight:400;
  letter-spacing:auto;
  text-transform:uppercase;
  color:white;
  display:inline-block;
  vertical-align:middle;
  margin:0px 20px;
}

@media (max-width: 760px) {

.cala-strona-zaw-tekst span
{
  font-size:24px;
  margin:20px 20px;
  display:block;
}

}

.cala-strona-zaw-mail
{
  padding-top:30px;

 
}

.cala-strona-zaw-mail a, .cala-strona-zaw-mail a:hover
{
  padding-top:30px;
  font-size:34px;
  font-weight:400;
  color:white;
 
}

@media (max-width: 760px) {

.cala-strona-zaw-mail a, .cala-strona-zaw-mail a:hover
{
  padding-top:30px;
  font-size:24px;
  font-weight:400;
  color:white;
 
}

}