#performance{
	padding : 0;
}
.by-navigation__model__phrase{
	text-align: center;
	font-family: BentleyRegular,arial,helvetica,sans-serif;
}
@media screen and (max-width: 990px){
	.by-navigation__button{
		display: none;
	}
	.by-navigation .by-navigation__model{
		flex: 40% 1 0;
		padding: 16px 8px;
	}
	.by-navigation .by-navigation__model .by-navigation__model-link{
		padding: 0;
		display: block;
	}
	.by-navigation__model__title{
		font-size: 11px;
	}
	.by-navigation__model__phrase{
		width: 100%;
	}
	.by-navigation__model__img{
		margin: 16px auto!important;
		height: auto;
    width: 90px;
	}
}
@media screen and (min-width: 991px){
	#design{
		padding: calc((var(--gap) * 8)) 0 0;
	}
	#performance .by-text-columns{
		margin-bottom: calc(var(--gap) * 8);
	}
	.by-navigation{
		padding-left: calc(50vw - 640px);
    padding-right: calc(50vw - 640px);
	}
	.by-navigation .by-navigation__model{
		flex-basis: 20%;
	}
	.by-models .by-models__anchor{
		flex-basis: 25%;
	}
	.by-navigation .by-navigation__model .by-navigation__model-link .by-navigation__model-wrap{
		grid-column-gap: 8px;
    grid-row-gap: 4px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-template-columns: 104px auto;
    grid-template-rows: auto auto;
    row-gap: 4px;
	}
	.by-navigation .by-navigation__model .by-navigation__model-link{
		padding: 12px 16px 12px 12px;
		min-width: 254px;
	}
	.by-navigation__model__img{
		grid-column: 1/2;
    grid-row: 1/2;
	}
	.by-navigation__model__title{
		grid-column: 2/3;
    grid-row: 1/2;
		display: flex;
    align-items: center;
		font-size: 11px;
		font-family: BentleyRegular,arial,helvetica,sans-serif;
	}
	.by-navigation__model__phrase{
		color: #727376;
    grid-column: 1/3;
    grid-row: 2/3;
		width: inherit;
	}

	.by-navigation__button{
		position: absolute;
		bottom: 35px;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-color: #FFF;
		display: none;
		justify-content: center;
		align-items: center;
		z-index: 1;
		display: flex;
		opacity: 0;
		visibility: hidden;
		box-shadow: 0 8px 48px rgb(65 70 77 / 20%);
		transition: opacity .3s,visibility .3s;
	}
	.by-navigation__button:hover{
		background-color: #e6eae9;
    border: 2px solid #003220;
	}
	.by-navigation__button:active{
		background-color: #ccd6d2;
    border-color: #002819;
	}
	.by-navigation__button:focus{
		background-color: #fff;
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #335b4c;
	}
	.by-navigation__button.by-state-active{
		opacity: 1;
		visibility: visible;
	}
	#by-navigation__button-prev{
		left: 10px;
	}
	#by-navigation__button-next{
		right: 10px;
	}
}
/* .by-navigation .by-navigation__model.by-navigation__model--active:after{
	content: "";
	height: calc(100% + 2px);
	width: calc((50vw - 640px) + 2px);
	position: absolute;
	top: -1px;
	right: 0;
	background-color: #ffffff;
}
.by-navigation .by-navigation__model:last-of-type{
	scroll-snap-align:end;
}
@media screen and (min-width: 991px){
	.by-navigation {
		scroll-snap-type: x mandatory;
	}
} */