html {
  height: 100%;
}

body {
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
  background-color: #ffffff;
}



.titras {
	position: fixed;
	left: 50px;
	bottom: 70px;
	width: 500px;
	z-index: 2000;
	padding: 20px;
	user-select: none;
	display: none;
}



.titras > p {
	margin: 0px;

}

.titras > h2 {
	margin: 0.5em 0em;

}

.titras > div {
    background: #2D3E50;
    opacity: 0.8;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
	z-index: -1;
}

#turinys {
	position: fixed;
	z-index: 99999;
	width: 350px;
	right: 50px;
	top: 50px;
	color: white;
	display: none;	
	padding: 20px;
}

.tur-linkas {
	margin: 0.3vw 0.8vw;
	cursor: pointer;
	  transition: text-shadow 0.1s ease-in-out;
	font-size: clamp(14px, 2vw, 20px);
}

.tur-linkas:hover {
 text-shadow: 
    0 0 5px #fff,
    0 0 10px #fff,
    0 0 20px #fff,
    0 0 40px #fff;
}

.bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: #2D3E50;
	opacity:0.8;
	z-index: -1
}

#cover {
	position: absolute;
	z-index: 9999999;
	background: url(../bg_start.png);
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
	width: 100%; height: 100%; top: 0px; left: 0px;
	}

.pradeti-button {
	cursor: pointer;
	background: url(../pradeti_button.png);
    width: 20vw;
    height: 5vw;
    left: calc(50% - 10vw);
    position: absolute;
    bottom: 5vw;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
	text-align: right;
	line-height: 5vw;

}

#menuButton {

position: fixed; z-index: 99999; width: 250px; height: 40px; right: 50px; bottom: 20px; color: white; line-height: 40px; text-align: center; user-select: none; cursor: pointer;
transition: text-shadow 0.1s ease-in-out;

}

#menuButton:hover {
 text-shadow: 
 0 0 4px rgba(255, 255, 255, 0.6),
    0 0 8px rgba(255, 255, 255, 0.4);
}


@media only screen and (max-width: 1200px) {
	#menuButton {
		top: 10px;
		right: 10px;
	}
	
	#turinys {
		top: 60px;
	}
	
	.titras {
		bottom: 80px;
		width: unset;
        right: 20px;
		left: 20px;
	}
}

@media only screen and (max-width: 768px) {
	
	#turinys {
		width: 100%;
		left: 50px;
		width: unset;
	}
	
	.pradeti-button {
		width: 40vw;
		height: 8vw;
		left: calc(50% - 20vw);
		bottom: 10vw;
	}
	
}