#values{background-color:#101820;position:relative;z-index:-2}
#values .conval{padding:160px 0}
.vav::after{content:"";background-image:url(../images/resource-design.svg);background-position:right;background-repeat:no-repeat;background-size:contain;background-attachment:fixed;left:0;top:0;position:absolute;z-index:-1;width:100%;height:100%;opacity:.3}
@media(max-width:1390px){
	.vav::after{background-position:left;background-repeat:no-repeat;background-size:cover;left:unset;right:-20%}
}
.vis-eyebrow{color:#fff;margin-bottom:50px}
.vis-eyebrow hr{width:40px;background-color:#fff;vertical-align:super}
.vis-vals-wrap{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-row-gap:50px;grid-column-gap:30px}
#values h4,#values p{color:white}#values h4{font-size:36px;font-family:din-condensed,sans-serif;text-transform:uppercase;font-weight:400}
.vis-item{display:grid;align-content:start;max-width:280px}
.vis-item p{align-self:flex-end;margin:0;margin-top:10px}
.overlay-text{position:absolute;font-family:din-condensed,sans-serif;font-size:150px;font-weight:300;color:#ffffff1c;bottom:26px;left:0px;line-height:0;text-transform:uppercase;letter-spacing:-2px;max-width:1400px}
@media(max-width:960px)
{
	.vis-vals-wrap{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:706px)
{
	.vis-vals-wrap{grid-template-columns:1fr 1fr}
	.overlay-text{font-size:19vw;bottom:.19em}
}
@media(max-width:500px)
{
	.vis-vals-wrap{grid-template-columns:1fr}
}