body{
	background-color: black;
	background-image: url('images/flyinthenight2.jpg');
	background-repeat: repeat;
	background-size: 250px 250px;
	background-position: top;
	background-attachment: fixed;
}

a{
	text-decoration: none;
}

.item1 { grid-area: logo; }
.item2 { grid-area: title; }



header{
	height: 70px;
	display: grid;
	grid-template-columns: 20% 80%;
}

.logo{
	/* border: 1px solid white; */
	padding-left: 10px;
	grid-column-start: 1;
	grid-column-end: 2;
}

.title{
	/* border: 1px solid white; */
	grid-column-start: 2;
	grid-column-end: 3;
	font-family: monospace;
	font-size: 30px;
	padding-top: 12px;
}

.turinys{
	display: grid;
	grid-template-columns: 20% 80%;
}

.kaire{
	grid-column-start: 1;
	grid-column-end: 2;
}

.desine{
	height: 300%;
	grid-column-start: 2;
	grid-column-end: 3;
	display: grid;
	grid-template-rows: 20% 10% 10% 10% 10% 10% 30%;
	grid-template-columns: 30% 30% 40%;
}

.galerija_btn{
	grid-row-start: 2;
	grid-row-end: 3;
}

.galerija_btn:hover{
	color:black;
	background-color:white;
}

.apie_btn{
	grid-row-start: 4;
	grid-row-end: 5;
}

.kontaktai_btn{
	grid-row-start: 6;
	grid-row-end: 7;
}

.art_btn{
  grid-row-start: 2;
	grid-row-end: 3;
  grid-column-start: 2;
	grid-column-end: 3;
}

.album_btn{
  grid-row-start: 4;
	grid-row-end: 5;
  grid-column-start: 2;
	grid-column-end: 3;
}

.extra2_btn{
  grid-row-start: 5;
	grid-row-end: 6;
  grid-column-start: 2;
	grid-column-end: 3;
}

.extra3_btn{
  grid-row-start: 7;
	grid-row-end: 8;
  grid-column-start: 2;
	grid-column-end: 3;
}

.desine article, .desine a{
	/* float:left; */
	width: 90%;
	padding: 5px;
	color: white;
	font-size: 56px;
	font-family:monospace;
	position: relative;
	border-left: 5px solid rgba(255, 0, 0, .0);
}

.desine2 a{
	/* float:left; */
	width: 10%;
	padding: 5px;
	color: white;
	font-size: 56px;
	font-family:monospace;
	position: relative;
	
}

.desine a:hover{
	color: black;
	background-color: white;
	border-left: 5px solid;
    border-image:   linear-gradient(to top, red 33.3%, lime 33.3%,lime 66.6%, blue 66.6%, blue 100%) 5;
	position: relative;
}

@media screen and (max-width:600px){ /*600px ir maziau */
.desine{
	/* background-color: black; */
	grid-column-start: 0;
	grid-column-end: 1;
}



.galerija_btn:hover{
	color:black;
	background-color:white;
}

.apie_btn{
	grid-row-start: 4;
	grid-row-end: 5;
}

.kontaktai_btn{
	grid-row-start: 6;
	grid-row-end: 7;
}

.turinys{
	display: grid;
	grid-template-columns: 5% 45% 45% 5%;
}

.desine{
	height: 300%;
	grid-column-start: 1;
	grid-column-end: 2;
	display: grid;
	grid-template-rows: 20% 10% 10% 10% 10% 10% 30%;
}

.extra_btn{
	grid-row-start: 2;
	grid-row-end: 3;
	grid-column-start: 2;
	grid-column-end: 3;
}

.desine article, .desine a{
	/* float:left; */
	width: auto;
	/* padding: 5px; */
	color: white;
	font-size: 56px;
	font-family:monospace;
	position: relative;
	border-left: 5px solid rgba(255, 0, 0, .0);;
}

}