:root {
    --logo-bg-color:rgb(42, 42, 43);
    --logo-txt-color:rgb(255, 198, 77);
}

.logo{
	min-height:70px;
	background-color:var(--logo-bg-color);
	position:relative;
	display:flex;
	padding: 3px;
}

.img{
	max-height:500px;
	overflow: hidden;
	text-align:center;
}

.img>img {
  max-width: 100%;
  height: auto;
}

.logo>.title{
	min-height:70px;
	display: inline-block;
	color:var(--logo-txt-color);
	font-size:40px;
	line-height: 1.6;
	padding: 0 10px;
}

li{
	display: inline-block;
}

.logoImg
{
	height: 70px;
	position:relative;
}

.logoImg>img
{
	height: 50px;
    margin: 10px;
}

.sloganWpapper>h2,.sloganWpapper>h3
{
	background-color:var(--logo-bg-color);
}

@media screen and (max-width: 1000px)
{
	.logoImg>img, .logoImg
	{
		height:50px;
	}
	
	.logo,.logoImg,.logoImg>img
	{
		display:block;
	}
	
	.logoImg>img
	{
		margin:0 auto;
	}
	
	.logo>.title
	{
		text-align:center;
		display:block;
	}
}

.logo>.chooseColor
{
	display: flex;
    align-items: end;
}