html,body{
	height: 100vh;
}
body{
	margin:0;
	padding:0;
	background:#181711;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	justify-content: center;
}
@media (orientation:landscape){
	h1#rayobac{height:60vh;width:60vh}
	div#networks{width:80vh}
}
@media (orientation:landscape) and (max-width:900px){
	div#networks{width:80vw}
}
@media (orientation:portrait){
	h1#rayobac{height:70vw;width:70vw}
	div#networks{width:95vw}
}
h1#rayobac{
	text-indent: -500000em;
	margin:0 0 10vh;
	/*
	margin:0 auto;
	margin-top:50vh;
	transform: translateY(-50%);
	*/
	padding:0;
	background:url(rayobac.svg) no-repeat center center;
	background-size: cover;
}

div#networks{
	position: absolute;
	bottom:10px;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
}
a{
	display: inline-block;
	width:40px;
	height:40px;	
	text-indent: -500000em;
	margin:0 auto;
	background:no-repeat center center;
	background-size: contain;
	opacity: 0.4;
}
a#bandcamp{
	width:45px;
	height:45px;	
	background-image:url(bandcamp.svg);
}
a#instagram{
	background-image:url(instagram.svg);
}
a#spotify{
	background-image:url(spotify.svg);
}
a#soundcloud{
	width:45px;
	height:45px;	
	background-image:url(soundcloud.svg);
}
a#youtube{
	width:45px;
	height:45px;	
	background-image:url(youtube.svg);
}
a#apple{
	width: 35px;
	height: 35px;
	background-image:url(apple.svg);
}
a#amazon{
	width:55px;
	height:55px;	
	background-image:url(amazon.svg);
}
@media (orientation:portrait) and (max-width:960px) {
	a{
		width:27px;
		height:27px;	
	}
}