.logoRowContainer {
  display: flex;
  flex-direction: row;
  justify-content: right;
  /*padding-bottom: 40px;*/
  /*align-items: baseline;*/
}

.logoBox {	
	align-self: center;
}

.logoBox img {
	margin: 2em 3em 2em 3em;
	max-width: 80vw;
	
}

@media only screen and (min-width: 200px) /* 200px */
{

	#d\.en\.bc-logo > div > div.logoBox > img {
	width: 80%;
	padding-left: 5%;
	padding-top: 10%;
	padding-bottom: 15%;
	}
}


@media only screen and (min-width: 300px) /* 300px */
{

	#d\.en\.bc-logo > div > div.logoBox > img {
	width: 80%;
	padding-left: 5%;
	padding-top: 10%;
	padding-bottom: 15%;
	}
}

@media only screen and (min-width: 400px) /* 400px */
{

	#d\.en\.bc-logo > div > div.logoBox > img {
	width: 80%;
	padding-left: 5%;
	padding-top: 10%;
	padding-bottom: 15%;
	}
}

@media only screen and (min-width: 500px) /* 500px */
{

	#d\.en\.bc-logo > div > div.logoBox > img {
	width: 80%;
	padding-left: 5%;
	padding-top: 10%;
	padding-bottom: 15%;
	}
}

@media only screen and (min-width: 600px) /* 600px */
{

	#d\.en\.bc-logo > div > div.logoBox > img {
	width: 80%;
	padding-left: 5%;
	padding-top: 10%;
	padding-bottom: 15%;
	}
}

@media only screen and (min-width: 700px) /* 700px */
{

	#d\.en\.bc-logo > div > div.logoBox > img {
	width: 80%;
	padding-left: 5%;
	padding-top: 10%;
	padding-bottom: 15%;
	}
}

@media only screen and (min-width: 800px) /* 800px */
{

	#d\.en\.bc-logo > div > div.logoBox > img {
	width: 80%;
	padding-left: 5%;
	}
}

@media only screen and (min-width: 900px) /* 900px */
{

	#d\.en\.bc-logo > div > div.logoBox > img {
	width: 60%;
	padding-left: 15%;
	}
}

@media only screen and (min-width: 950px) /* 950px */
{

	#d\.en\.bc-logo > div > div.logoBox > img {
	width: 70%;
	padding-left: 10%;
	}
}
@media only screen and (min-width: 1024px) /* 1024px */
{

	.logoRowContainer {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}
	
	#d\.en\.bc-logo > div > div.logoBox > img {
	width: 80%;
	padding-left: 5%;
}

}