html,
body {
  height: 100vh;
}

body{
    background-image: linear-gradient(rgba(252,249, 255, 0.3), rgba(252, 249, 255, 0.3)), url('../img/shanti-background.jpeg');
    background-size: 100%;
	margin: 0;
	padding: 0;
}

#upper-row {
    display: flex;
    justify-content: center;
}

#left-upper-side {
	align-items: center;
	/*justify-content: center;*/
	justify-content: center;
}

#left-upper-side img {
	height: 75vh;
	width: 45vw;
	margin-top: 6vh;
}

#right-upper-side {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	/*margin-bottom: 5vh;*/
}

#player-items {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: red;
	font-size: 4vh;
}

#listenlive {
	font-weight: 900;
}

#playerButton {
  cursor: pointer;
}

#redline {
    color: red;
    background-color: red;
    border-radius:24px;
}

@media only screen 
and (max-aspect-ratio: 750/1000)
and (min-aspect-ratio: 500/1000)
{
#upper-row {
    display: flex;
    flex-direction:column;
    align-items: center;
}

#left-upper-side img {
	height: 45vh;
	width: 80vw;
	margin-top: 2vh;
}

#right-upper-side {
	display: flex;
	justify-content: center;
	margin-top: 15vh;
}

#player-items {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: red;
	font-size: 4vh;
}

}