body{
	background-color: black;
	background-image: url('literally alien.jpg');
	background-repeat: no-repeat;
	background-size: 3000px 1500px;
	background-position: top;
	background-attachment: fixed;
}

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

header{
	border-bottom: 0px solid white;
}

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% 60% 20%;
	
}

.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: 15% 10% 25% 25% 25%;
}

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

.desine article, .apie_text{
	/* float:none; */
	grid-row-start: 2;
	grid-row-end: 3;
	width:60%;
	color: white;
	font-size: 56px;
	font-family:monospace;
	text-align: left;
}

.desine p, .ciayrap, li, .musics{
	float:none;
	grid-row-start: 3;
	grid-row-end: 4;
	padding: 5px;
	color: white;
	font-size: 22px;
	font-family: monospace;
}

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


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


.turinys{
	display: grid;
	grid-template-columns: 0% 100%;
}

header{
	height: 70px;
	display: grid;
	grid-template-columns: 28% 72%;
}

}