html, body {
    max-width: 100%;
    overflow-x: hidden;
}

BODY {
font-family: Tahoma;
line-height:15px;
font-size:11px;
margin:0px;
padding:0px;
color:#fff;
background-image: url(images/background.jpg);


background-repeat: repeat;
background-attachment:scroll;
background-position: top;
background-size: 100% 50%;
background-color:#111;
margin:0px;
}



/* poniżej style logo -----------------------------*/

 .glownelogo {
	 text-align:center;
	 position:relative;
	 width:100%;
	 }
  
.imglogo {border:0px;
	width: auto;
	margin-right:25px;
	display: inline-block;
	vertical-align:middle;
}

.logotext {
	font-size:14px;
	padding:4px 0;
	font-weight: bold;
	font-family: tahoma;
	letter-spacing: 4px;
	line-height: 22px;
	display: inline-block;
	border: 4px double rgba(255,255,255,.25);
	border-width: 4px 0;
	vertical-align:middle;
	}
  
.spanlogo {
  	font-size: 50px;
	font-weight: bold;
	font-family: tahoma;
  	letter-spacing: 14px;
  	padding: 30px;
	  display: block;
	  margin: 0 auto;
  	  text-shadow: 0 0 30px rgba(255,255,255,.5);
	  background: url(/images/text-fill.jpg) repeat;
	  -webkit-background-clip: text;
	  background-clip: text;
	  -webkit-text-fill-color: transparent;
	  cursor:pointer;}

/* ----------------------------------------------- */



.nadrzedny {text-align:center;}
.podrzedny {border:1px solid #FFC000;
		border-radius:20px;
		width:764px;
		display:inline-block;
		position:relative;
		padding:12px;
		margin:40px 10px;
		background-color:#222;}
.imgmain {border: 2px solid black;
		border-radius:10px;
		width:760px;
		max-height:760px;
		object-fit: contain;}
.opis1 {font-size: 34px;
		line-height: 1.5;
		margin:0px 25px 0px 25px;}
.opis2 {font-size: 22px;
		line-height: 1.5;
		margin:10px 25px 0px 25px;}
		
@media only screen and (max-width: 820px) {
	.podrzedny {width:670px;}
	.imgmain{width:666px;}}
@media only screen and (max-width: 754px) {
	.podrzedny {width:610px;}
	.imgmain {width:606px;}
	#codziennie-nowe-klikemy{display:none;}
	
	.logotext {font-size:11px;
		line-height: 20px;}
	.spanlogo {font-size: 34px;
		letter-spacing: 8px;
		padding: 10px;}
	.imglogo {margin-top:8px;
		margin-right:15px;
		height:120px;
		position:absolute;
		opacity:30%;
		left:20px;
		top:2px;}}
@media only screen and (max-width: 654px) {
	.podrzedny {width:510px;}
	.imgmain {width:506px;}
	.opis1 {font-size:26px;}}	
@media only screen and (max-width: 604px) {
	.podrzedny {width:490px;}
	.imgmain {width:484px;}
	.opis1 {font-size:26px;}}
@media only screen and (max-width: 554px) {
	.podrzedny {width:430px;}
	.imgmain {width:426px;}
	.opis1 {font-size:20px;}
	.opis2 {font-size:15px;}}
@media only screen and (max-width: 504px) {
	.podrzedny {width:410px;}
	.imgmain {width:406px;}
	.opis1 {font-size:20px;}
	.opis2 {font-size:15px;}
	.imglogo{top:12px;}}
@media only screen and (max-width: 454px) {
	.podrzedny {width:340px;}
	.imgmain {width:336px;}
	.opis1 {font-size:19px;}
	.opis2 {font-size:15px;}}
@media only screen and (max-width: 404px) {
	.podrzedny {width:310px;}
	.imgmain{width:306px;}
	.opis1 {font-size:19px;}
	.opis2 {font-size:15px;}}
				


.buttonx {
  --b: 3px;   /* border thickness */
  --s: .45em; /* size of the corner */
  --color: #ccc;
  
  padding: calc(.5em + var(--s)) calc(.9em + var(--s));
  color: var(--color);
  --_p: var(--s);
  background:
    conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0)
    var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p));
  transition: .3s linear, color 0s, background-color 0s;
  outline: var(--b) solid #0000;
  outline-offset: .6em;
  font-size: 16px;
  border: 0;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  cursor: pointer;
}
.buttonx:hover,
.buttonx:focus-visible{
  --_p: 0px;
  outline-color: var(--color);
  outline-offset: .05em;
}
.buttonx:active {
  background: var(--color);
  color: #fff;
}



.button-pob {
  background-color: black;
  border: 1px solid #555;
  border-radius: 0px 0px 7px 7px;
  color: #3c4043;
  cursor: pointer;
  font-family: tahoma;
  font-size: 14px;
  color: #bbb;
  line-height: 27px;
  min-width: 54px;
  padding: 0px 5px;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: pre;
}
.button-pob:hover {
  border-color: #dadce0;
  background-color: #222;
  box-shadow: rgba(0, 0, 0, .1) 0 1px 1px;
}
.button-pob:focus {
  border-color: #4285f4;
  outline: none;
}