body {
  font-family: 'IBM Plex Sans', sans-serif;
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 600px) {
	body
	{
		background: url('https://dartpedals.b-cdn.net/images/yellow-dart.png?1');
		background-repeat: no-repeat;
		background-position-x: 0;
		background-position-y: 0;
		background-size: 100% auto;
	}
}

.index-main
{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	height:100%;
}

@media only screen and (max-width: 600px) {
	.index-main
	{
		flex-direction: column;
	}
}

.index-main-logo
{
	flex-basis: 60%;
	background: url('https://dartpedals.b-cdn.net/images/yellow-dart.png?1');
	background-position-x: 0;
	background-position-y: 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	height:100%;
	align-items: center;
	display:flex;
	justify-content: center;
}


@media only screen and (max-width: 600px) {
	.index-main-logo {
		flex-basis: auto;
		background: none;
		height:auto;
		margin: 4em 0;
	}
	.index-main-logo a {
		display:contents;
	}
}

.index-main-logo-img
{
	display:block;
	height:20%;
	object-fit:contain;
}

@media only screen and (max-width: 600px) {
	.index-main-logo-img
	{
		height:auto;
		width:80%;
	}	
}

.index-main-menu-instagramlogo
{
	width: 1em;
	height: 1em;
	vertical-align: middle;
}

.index-main-menu
{
	flex-basis: 40%;
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: space-around;
	align-items: center;
	font-size: 2em;
}

.index-main-menu a 
{
	display: block;
	text-decoration: none;
	color: black;
	margin: 0.5em;
}

.index-main-menu a:hover
{
	text-decoration: underline;
} 

.index-main-menu a:visited
{
	text-decoration: none;
	color: black;
} 

@media only screen and (max-width: 600px) {
	.blurb
	{
		margin:0 1em;
	}
}