.floor-banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(img/main-bg.jpg);
  background-color: var(--c-background);
  padding: 0 20px;
  overflow: hidden;
  margin-bottom: 60px;
}

.floor-banner__inner {
  height: 100vh;
  min-height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.floor-banner__caption {
  font-family: var(--font-secondary);	
  font-weight: 400;
  font-size:  1.33333vw;
  line-height: 1.3;
  text-align: center;
  color: var(--c-text-secondary);
}

.floor-banner__logo {
  font-family: var(--font-main);
  background: var(--c-background);
  color: var(--c-text);
  display: flex;
  align-items: center;
  height: 8.33333vw;
  border: 0.48611vw solid var(--c-main);
  margin: 1.8vw;
}

.floor-banner__logo-first {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 6.73611vw;
  font-weight: 500;
  min-width: 14.30556vw;
  padding: 0 3vw 0.5vw 3vw;
}

.floor-banner__logo-last {
	background-color: var(--c-main);
	color: var(--c-background);
	padding: 0 3vw 0.5vw 3vw;
	align-self: stretch;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 6.73611vw;
	font-weight: 500;
	flex-grow: 1;
}

@media (max-width: 768px) {
	.floor-banner__logo {
		flex-direction: column;
		width: 82vw;
		height: 32vw;
		border: 0.8vw solid var(--c-main);
		margin: 2.4vw;	  
	}
	
	.floor-banner__logo-first {
	  font-size: 10vw;
	  height: 16vw;
	}

	.floor-banner__logo-last {
		font-size: 10vw;
	 	height: 16vw;
	}	
	
	.floor-banner__caption {
		max-width: 60%;
		margin: 0 auto;
		font-size: 3.4vw;
	}

}