body {

 background: url("background.jpg");
 background-repeat:no-repeat;
 background-size:cover;
}

#podstawowy {
  padding:20px;
  position:relative;
  /*margin: 10px 0px 0px 10px;*/
  margin: 0 auto;
  z-index:2;
  
}

#ramka {
  /*background: rgba(0, 0, 0, 0.3);*/
  width: 395px;
  max-width:auto;
  /*-moz-border-radius:5px;*/
  /*-webkit-border-radius:5px;*/
  /*border-radius:5px;*/
  border-style: solid;
  border-width:2px;
  border-color: #ffffff;
  padding:20px;
  position:relative;
  margin: 10px 0px 0px 10px;
  z-index:2;
  
}


h1 {
    font-family: 'Oxygen', verdana, arial;
    font-size:55px;
    color:#ffffff;
    margin-top:0px;
    margin-bottom:200px;
	letter-spacing: 8px;
}

p {
    font-family: 'Oxygen', verdana, arial;
    font-size:18px;
    color:#ffffff;
    margin-top:10px;
}

.loga {
  margin: 0 auto;
  /*margin-left:38px;*/
  /*margin-right:38px;*/
  /*margin-bottom:38px;*/
}

#mobile {
	display: none;
}

/* MOBILE */

@media only screen and (max-width: 720px)

{
	body {

 background: #c0c0c0;
}

#ramka {

  max-width:70%;
  position: relative;
  padding:10px;
  margin: 0px auto;

  
}

#podstawowy {
max-width:350px;
  position: relative;
  margin: 0 auto;
text-align: center;

}


h1 {
	font-family: 'Oxygen', verdana, arial;
    font-size:35px;
    color:#ffffff;
    margin-top:0px;
    margin-bottom:0px;
	letter-spacing: 8px;
}

p {
	font-family: 'Oxygen', verdana, arial;
    font-size:18px;
    color:#ffffff;
    margin-top:10px;
}

.loga {
   margin-right:10px;
   margin-left: 10px;
   margin-bottom: 10px;
  } 
 #mobile {
	display: block;
	border: 8px solid white;
	border-radius: 104px;
	-moz-border-radius:104px;
    -webkit-border-radius:104px;
	margin: 0 auto;
 }

}