/*
 Theme Name:     2021 - SLS
 Theme URI:      https://www.storylandstudios.com
 Description:    2021 Child Theme
 Author:         Storyland Studios
 Author URI:     https://www.storylandstudios.com
 Template:       twentytwentyone
 Version:        1.0.0
*/

:root {
	--black:#000;
	--grey:#313233;
	--grey-light:#dcddde;
	--white:#fff;
	--red:#c21f3e;
	--trans-black:rgba(0,0,0,.2);
}

body {width:100%; min-height:100vh; margin:0; padding:0; color:var(--black); font:16px/30px 'Open Sans', Arial;}
img {max-width:100%;}
h1 {margin:2rem 0; font:48px/48px 'Bebas Neue'; text-transform:uppercase;}
h2 {margin:2rem 0; font:40px/40px 'Bebas Neue'; text-transform:uppercase;}
h3 {margin:2rem 0; font:32px/32px 'Bebas Neue'; text-transform:uppercase;}
h4 {margin:2rem 0; font:24px/24px 'Bebas Neue'; text-transform:uppercase;}
h5 {margin:2rem 0; font:20px/20px 'Bebas Neue'; text-transform:uppercase;}
p {margin:2rem 0;}
a {text-decoration:none; transition:all .3s ease;}

ul {margin:2rem 0; padding:0 0 0 15px; list-style:none;}
ul > li {margin:1rem 0; padding:0; position:relative; z-index:1;}
ul > li .chevron {font-size:10px; position:absolute; top:0; left:-15px; z-index:1;}

@media(max-width:760px) {
	h1 {font:38px/38px 'Bebas Neue';}
	h2 {font:32px/32px 'Bebas Neue';}
	h3 {font:28px/28px 'Bebas Neue';}
	h4 {font:20px/20px 'Bebas Neue';}
	h5 {font:18px/18px 'Bebas Neue';}
}

@keyframes bounce {
  0%   {bottom: 30px;}
  33%  {bottom: 40px;}
  66%  {bottom: 20px;}
  100% {bottom: 30px;}
}



/* page */

#page {display:flex; flex-flow:row nowrap;}
#content {flex:1 1 auto;}

@media(max-width:760px) {
	#page {display:block;}
}


/* header */

#header {display:none; width:100%; box-shadow:0 0 20px 0 var(--trans-black); position:sticky; top:0; left:0; z-index:100;}
	#header .logo {padding:15px 60px; background:var(--grey);}
		#header .logo img {display:inline-block; max-height:50px;}
	#header > .menu {display:block; flex:0 0 auto; padding:20px; color:var(--white); font-size:28px;}
	/* #header .nav {padding:0 45px; background:var(--white);} */
		/* #header .nav .menu {display:flex; flex-flow:row wrap; align-items:center; justify-content:center;} */
			/* #header .nav .menu .item {margin:0 15px; font:700 14px/40px 'Montserrat';} */
				/* #header .nav .menu .item a {display:block; padding-top:5px; color:var(--black); border-bottom:5px solid transparent;} */
				/* #header .nav .menu .item a:hover {border-color:var(--red);} */
				/* #header .nav .menu .item a.active {border-color:var(--red);} */

@media(max-width:760px) {
	#header {display:flex; flex-flow:row nowrap; align-items:center; background:var(--grey);}
		#header .logo {flex:1 1 auto; padding:15px 20px;}
			#header .logo img {max-width:200px;}
		/* #header .menu {display:block;} */
		/* #header .nav {display:none;} */
}



/* navigation */

#nav {flex:0 0 240px; background:var(--grey); position:relative; transition:all .3s ease;}
	#nav .wrapper {display:flex; flex-flow: column nowrap; width:180px; height:calc(100vh - 60px); padding:30px; position:fixed; transition:all .3s ease;}
		#nav .wrapper .open-close {flex:0 0 auto; margin-bottom:2rem; color:var(--white); text-align:right;}
			#nav .wrapper .open-close span {width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; opacity:.5; transition:all .3s ease;}
			#nav .wrapper .open-close span:hover {opacity:1;}
		#nav .wrapper .logo {flex:0 0 auto; height:33px;}
			#nav .wrapper .logo .full {display:block; max-width:140px; max-height:33px;}
			#nav .wrapper .logo .partial {display:none; max-width:40px; max-height:33px;}
		#nav .wrapper .menu {flex:1 1 auto; margin-bottom:2rem;}
			#nav .wrapper .menu .item {height:40px; margin:2rem 0 2rem -10px; font:700 14px/40px 'Montserrat'; overflow:hidden;}
				#nav .wrapper .menu .item a {display:block; padding:0 0 0 5px; color:var(--white); border-left:5px solid transparent;}
				#nav .wrapper .menu .item a:hover {border-color:var(--red);}
				#nav .wrapper .menu .item a.active {border-color:var(--red);}
					#nav .wrapper .menu .item a span {word-break:break-all; visibility:initial; opacity:1; transition:all .3s ease;}
				#nav .wrapper .menu .item img {display:inline-block; margin-right:10px; vertical-align:middle;}
		#nav .wrapper .info {flex:0 0 auto; align-self:flex-end; width:100%; height:132px; color:var(--white); font-size:14px; visibility:initial; opacity:1; overflow:hidden; transition:all .3s ease;}
			#nav .wrapper .info h5 {margin:0; line-height:30px;}
			#nav .wrapper .info a {color:var(--white); opacity:.5;}
			#nav .wrapper .info a:hover {opacity:1;}
			#nav .wrapper .info .social {display:flex; flex-flow:row nowrap; align-items:center; width:100%; margin-top:10px;}
				#nav .wrapper .info .social .item {flex:1 1 25%; text-align:left;}
					#nav .wrapper .info .social .item a {color: var(--white); display:inline-block; height:30px; width:30px; text-align:center; border:1px solid white; border-radius:50%;}

#nav.closed {flex:0 0 80px;}
	#nav.closed .wrapper {width:40px; padding:30px 20px;}
		#nav.closed .wrapper .open-close span {transform:rotate(180deg);}
		#nav.closed .wrapper .item span {visibility:hidden; opacity:0;}
		#nav.closed .wrapper .logo .full {display:none;}
		#nav.closed .wrapper .logo .partial {display:block;}
		#nav.closed .wrapper .info {visibility:hidden; opacity:0;}

@media(max-width:760px) {
	#nav {display:none;}
}


/* navigation */

#download-pdf {position:fixed; bottom:20px; right:20px; z-index:101;}
	#download-pdf a {display:block; padding:10px 20px; color:var(--white); font-size:14px; font-weight:700; background:var(--red); border-radius:40px; box-shadow:0 0 20px rgba(0,0,0,.25);}
	#download-pdf a:hover {color:var(--red); background:var(--white);}

@media(max-width:760px) {
	#download-pdf {display:none;}
}


/* mobile-menu */
.mobile-menu {opacity:0; visibility:hidden; width:100%; height:calc(100vh - 86px); background:var(--white); position:fixed; top:86px; left:0; z-index:100; transition:all .3s ease;}
.mobile-menu.show {opacity:1; visibility:initial;}
	.mobile-menu .wrapper {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; width:100%; height:100%;}
		.mobile-menu .wrapper .menu {font:28px/28px 'Bebas Neue'; text-align:center;}
			.mobile-menu .wrapper .menu .item {margin:2rem 0;}
				.mobile-menu .wrapper .menu .item a {color:var(--red);}


/* footer */
#footer {width:100%; box-shadow:0 0 20px 0 var(--trans-black); position:sticky; top:0; left:0; z-index:100;}
	#footer .logo {padding:60px; background:var(--grey);}
		#footer .logo img {display:inline-block; max-height:80px;}
	#footer .wrapper {color:var(--white); font:12px 'Open Sans'; text-transform:uppercase; background:var(--red);}
		#footer .wrapper .container {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; max-width:1300px; padding:10px 60px; margin:0 auto;}
			#footer .wrapper .container .left {flex:1 1 50%;}
				#footer .wrapper .container .left a {color:var(--white);}
				#footer .wrapper .container .left a:hover {color:var(--black);}
			#footer .wrapper .container .right {flex:1 1 50%; text-align:right;}

@media(max-width:760px) {
	#footer .logo {padding:40px 40px 30px 40px;}
	#footer .wrapper .container {padding:10px 40px;}
		#footer .wrapper .container .left {flex:1 1 100%; text-align:center;}
		#footer .wrapper .container .right {flex:1 1 100%; text-align:center;}
}


/* section */
section {border:30px solid var(--white); position:relative; overflow:hidden;}
	section .bg {width:100%; height:120%; position:absolute; z-index:1; top:73%; left:0; transform:translateY(-50%);}
	section .wrapper {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; max-width:1300px; min-height:calc(100vh - 180px); margin:0 auto; padding:60px 30px; position:relative; z-index:2;}
	section .wrapper.left {justify-content:flex-start;}
	section .wrapper.right {justify-content:flex-end;}
		section .wrapper .scroll {animation-name:bounce; animation-duration:3s; animation-iteration-count:infinite; color:var(--white); font-size:30px; position:absolute; bottom:30px; left:50%; transform:translateX(-50%); transition:all .3s ease;}
		section .wrapper .container {width:100%; position:relative;}
		section .wrapper .container.full {max-width:100%;}
		section .wrapper .container.wide {max-width:1040px;}
		section .wrapper .container.normal {max-width:840px;}
		section .wrapper .container.narrow {max-width:540px;}
		section .wrapper .container.light {color:var(--white);}
		section .wrapper .container.dark {color:var(--black);}
			section .wrapper .container img.border {max-width:calc(100% - 20px); border:10px solid var(--black);}
			section .wrapper .container img.border.white {border-color:var(--white);}
			section .wrapper .container.less-spacing h1,
			section .wrapper .container.less-spacing h2,
			section .wrapper .container.less-spacing h3,
			section .wrapper .container.less-spacing h4,
			section .wrapper .container.less-spacing h5,
			section .wrapper .container.less-spacing p {margin:1rem 0;}

@media(max-width:760px) {
	section {border-width:20px;}
		section .wrapper {padding:40px 20px; min-height:calc(100vh - 207px);}
}


/* title */
section.title .wrapper .container .pre-title {display:inline-block; margin-top:20vh; padding:15px 20px 10px 20px; color:#fff; font:48px/48px 'Bebas Neue'; background:var(--black);}
section.title .wrapper .container .title {color:#fff; font:240px/240px 'Bebas Neue';}
section.title .wrapper .container .post-title {color:#fff; font:68px/68px 'Bebas Neue'; text-align:right;}

@media(max-width:1360px) {
	section.title .wrapper .container .title {font:200px/200px 'Bebas Neue';}
}
@media(max-width:1140px) {
	section.title .wrapper .container .title {font:175px/175px 'Bebas Neue';}
	section.title .wrapper .container .post-title {font:58px/58px 'Bebas Neue';}
}
@media(max-width:1020px) {
	section.title .wrapper .container .title {font:150px/150px 'Bebas Neue';}
	section.title .wrapper .container .post-title {font:48px/48px 'Bebas Neue';}
}
@media(max-width:900px) {
	section.title .wrapper .container .title {font:120px/120px 'Bebas Neue';}
}
@media(max-width:760px) {
	section.title .wrapper .container .pre-title {font:28px/28px 'Bebas Neue';}
	section.title .wrapper .container .title {font:58px/58px 'Bebas Neue';}
	section.title .wrapper .container .post-title {font:28px/28px 'Bebas Neue';}
}


/* quote */
section.quote .wrapper {justify-content:flex-start;}
section.quote .wrapper.right {justify-content:flex-end;}
	section.quote .wrapper .container {max-width:420px;}
		section.quote .wrapper .container .quote {margin:20px 0; font:37px/50px 'Bebas Neue';}
		section.quote .wrapper .container .author {display:inline-block; padding:0 20px; font:700 19px/50px 'Open Sans'; text-transform:uppercase;}
		section.quote .wrapper .container .author.red {background:var(--red);}
		section.quote .wrapper .container .author.black {background:var(--black);}
		section.quote .wrapper .container .title {font:italic 17px/50px 'Open Sans';}

@media(max-width:760px) {
	section.quote .wrapper .container .quote {font:28px/40px 'Bebas Neue';}
	section.quote .wrapper .container .author {font:700 16px/48px 'Open Sans';}
	section.quote .wrapper .container .title {font:italic 16px/48px 'Open Sans';}
}


/* wysiwyg */
section.wysiwyg .wrapper .container.dark h1 {color:var(--red);}
section.wysiwyg .wrapper .container.dark h2 {color:var(--red);}
section.wysiwyg .wrapper .container.dark h3 {color:var(--red);}
section.wysiwyg .wrapper .container.dark h4 {color:var(--red);}
section.wysiwyg .wrapper .container.dark h5 {color:var(--red);}
	section.wysiwyg .wrapper .container .title {display:inline-block; padding:15px 20px 10px 20px; font:48px/48px 'Bebas Neue'; text-transform:uppercase;}
	section.wysiwyg .wrapper .container .title.red {background:var(--red); color:var(--white);}
	section.wysiwyg .wrapper .container .title.black {background:var(--black); color:var(--white);}
	section.wysiwyg .wrapper .container .author {display:inline-block; padding:0 20px; font:700 19px/50px 'Open Sans'; text-transform:uppercase;}
	section.wysiwyg .wrapper .container .author.red {background:var(--red);}
	section.wysiwyg .wrapper .container .author.black {color:var(--white); background:var(--black);}
	section.wysiwyg .wrapper .container .columns {display:flex; flex-flow:row wrap;}
		section.wysiwyg .wrapper .container .columns .column {flex:1 1 calc(50% - 60px); padding:0 30px;}
		section.wysiwyg .wrapper .container .columns .column:first-child {padding-left:0;}
		section.wysiwyg .wrapper .container .columns .column:last-child {padding-right:0;}
			section.wysiwyg .wrapper .container .columns .column img.border {display:block; max-width:calc(100% - 20px); margin:30px 0;}

@media(max-width:760px) {
	section.wysiwyg .wrapper .container .columns .column {flex:1 1 100%; padding:0;}
	section.wysiwyg .wrapper .container .title {font:32px/32px 'Bebas Neue';}
	section.wysiwyg .wrapper .container .author {font:700 16px/48px 'Open Sans';}
}


/* intro */
section.intro .wrapper .container {padding-top:10vh;}
	section.intro .wrapper .container > h1 {position:relative; z-index:1;}
	section.intro .wrapper .container .corner {position:absolute; top:0; left:0; z-index:-1; transform:translate(-50%,-50%);}
	section.intro .wrapper .container .columns {display:flex; flex-flow:row wrap; position:relative; z-index:2;}
		section.intro .wrapper .container .columns .column {flex:1 1 calc(50% - 60px); padding:0 30px;}
		section.intro .wrapper .container .columns .column:first-child {padding-left:0;}
		section.intro .wrapper .container .columns .column:last-child {padding-right:0;}
			section.intro .wrapper .container .columns .column h1 {color:var(--black);}
			section.intro .wrapper .container .columns .column h2 {color:var(--black);}
			section.intro .wrapper .container .columns .column h3 {color:var(--black);}
			section.intro .wrapper .container .columns .column h4 {color:var(--black);}
			section.intro .wrapper .container .columns .column h5 {color:var(--black);}

@media(max-width:760px) {
	section.intro .wrapper .container {padding-top:10vh;}
		section.intro .wrapper .container .columns .column {flex:1 1 100%; padding:0;}
}


/* list */
section.list .wrapper .container > img {padding-bottom:20px;}
section.list .wrapper .container .title {display:inline-block; padding:15px 20px 10px 20px; font:48px/48px 'Bebas Neue'; text-transform:uppercase;}
section.list .wrapper .container .title.red {background:var(--red);}
section.list .wrapper .container .title.black {background:var(--black);}
section.list .wrapper .container .list {display:block;}
section.list .wrapper .container .list.columns {display:flex; flex-flow:row wrap; width:calc(100% + 40px); margin-left:-20px;}
section.list .wrapper .container .list.columns .item {flex:1 1 calc(50% - 40px); margin-bottom:0; padding:0 20px;}
section.list .wrapper .container .list.columns .item:nth-child(odd) {flex:1 1 calc(40% - 40px);}
section.list .wrapper .container .list.columns .item:nth-child(even) {flex:1 1 calc(60% - 40px);}
	section.list .wrapper .container .list .item {margin:20px 0;}
		section.list .wrapper .container .list .item img {display:inline-block; vertical-align:middle; padding-right:20px;}
		section.list .wrapper .container .list .item h2 {display:inline-block; vertical-align:middle; margin:0;}
		section.list .wrapper .container .list .item h3 {display:inline-block; vertical-align:middle; margin:0;}
		section.list .wrapper .container .list .item h4 {display:inline-block; vertical-align:middle; margin:0;}

@media(max-width:760px) {
	section.list .wrapper .container .title {font:32px/32px 'Bebas Neue';}
	section.list .wrapper .container .list .item h2 {font:26px/26px 'Bebas Neue';}
	section.list .wrapper .container .list.columns {width:100%; margin-left:0;}
		section.list .wrapper .container .list.columns .item {flex:1 1 100%; padding:0;}
		section.list .wrapper .container .list.columns .item:nth-child(odd) {flex:1 1 100%;}
		section.list .wrapper .container .list.columns .item:nth-child(even) {flex:1 1 100%;}
}


/* companies */
section.companies .wrapper .container .columns {display:flex; flex-flow:row wrap; position:relative; z-index:2;}
	section.companies .wrapper .container .columns .column {flex:1 1 calc(50% - 60px); padding:0 30px;}
	section.companies .wrapper .container .columns .column:first-child {padding-left:0;}
	section.companies .wrapper .container .columns .column:last-child {padding-right:0;}
		section.companies .wrapper .container .columns .column .title {display:inline-block; max-width:280px; padding:15px 20px 10px 20px; font:48px/48px 'Bebas Neue'; text-transform:uppercase;}
		section.companies .wrapper .container .columns .column .title.red {background:var(--red);}
		section.companies .wrapper .container .columns .column .title.black {background:var(--black);}
		section.companies .wrapper .container .columns .column .list {display:flex; flex-flow:row wrap;}
			section.companies .wrapper .container .columns .column .list .item {flex:0 0 33.3%; margin:0 0 40px 0; text-align:center;}
				section.companies .wrapper .container .columns .column .list .item .img {display:flex; align-items:center; justify-content:center; min-height:54px;}
				section.companies .wrapper .container .columns .column .list .item img {display:block; margin:0 auto;}
				section.companies .wrapper .container .columns .column .list .item h5 {margin:10px 0 0 0;}

@media(max-width:760px) {
	section.companies .wrapper .container .columns .column {flex:1 1 100%; padding:0;}
		section.companies .wrapper .container .columns .column .title {font:32px/32px 'Bebas Neue';}
}


/* timeline */
section.timeline .wrapper .container .content {display:flex; flex-flow:row wrap;}
	section.timeline .wrapper .container .content .details {flex:1 1 calc(50% - 30px); padding-right:30px;}
		section.timeline .wrapper .container .content .details .title {display:inline-block; padding:15px 20px 10px 20px; font:48px/48px 'Bebas Neue'; text-transform:uppercase;}
		section.timeline .wrapper .container .content .details .title.red {background:var(--red);}
		section.timeline .wrapper .container .content .details .title.black {background:var(--black);}
		section.timeline .wrapper .container .content .details .border {margin:30px 0; border:10px solid var(--black);}
		section.timeline .wrapper .container .content .details .quote {margin:20px 0; font:37px/50px 'Bebas Neue';}
		section.timeline .wrapper .container .content .details .author {display:inline-block; padding:0 20px; font:700 19px/50px 'Open Sans'; text-transform:uppercase;}
		section.timeline .wrapper .container .content .details .author.red {background:var(--red);}
		section.timeline .wrapper .container .content .details .author.black {background:var(--black);}
		section.timeline .wrapper .container .content .details .description {font:italic 17px/50px 'Open Sans';}
		section.timeline .wrapper .container .content .details .button {padding:0; font-weight:700;}
			section.timeline .wrapper .container .content .details .button a {display:inline-block; padding:10px 20px; color:var(--black); background:var(--white);}
			section.timeline .wrapper .container .content .details .button a:hover {color:var(--white); background:var(--black);}
	section.timeline .wrapper .container .content .timeline {flex:1 1 calc(50% - 30px); padding-left:30px; position:relative;}
	section.timeline .wrapper .container .content .timeline::after {content:''; width:1px; height:calc(100% - 2rem - 5px); background:var(--black); position:absolute; top:calc(1rem + 5px); left:0;}
		section.timeline .wrapper .container .content .timeline .event {margin-bottom:40px; position:relative;}
		section.timeline .wrapper .container .content .timeline .event::before {content:''; width:15px; height:15px; background:var(--black); border-radius:50%; position:absolute; top:5px; left:-30px; transform:translateX(-50%);}
		section.timeline .wrapper .container .content .timeline .event:last-child {margin-bottom:0;}
		section.timeline .wrapper .container .content .timeline .next {position:relative; font:700 18px 'Open Sans'; text-transform:uppercase;}
			section.timeline .wrapper .container .content .timeline .next .bullet {width:28px; height:28px; color:var(--red); line-height:28px; text-align:center; background:var(--black); border-radius:50%; position:absolute; bottom:-3px; left:-30px; transform:translateX(-50%); z-index:1;}

@media(max-width:760px) {
	section.timeline .wrapper .container .content .details {flex:1 1 100%; padding-right:0px;}
		section.timeline .wrapper .container .content .details .title {font:32px/32px 'Bebas Neue';}
		section.timeline .wrapper .container .content .details .quote {font:28px/40px 'Bebas Neue';}
		section.timeline .wrapper .container .content .details .author {font:700 16px/48px 'Open Sans';}
		section.timeline .wrapper .container .content .details .description {font:italic 16px/48px 'Open Sans';}
	section.timeline .wrapper .container .content .timeline {flex:1 1 100%;}
		section.timeline .wrapper .container .content .timeline .next {font:700 16px 'Open Sans';}
			section.timeline .wrapper .container .content .timeline .next .bullet {bottom:-2px;}
}


/* definition */
section.definition .wrapper .container {text-align:center;}
	section.definition .wrapper .container img {margin:2rem 0;}
	section.definition .wrapper .container .word {font:80px/80px 'Bebas Neue'; text-transform:uppercase; letter-spacing:.2rem;}
	section.definition .wrapper .container .phonetic {font:700 22px 'Open Sans'; letter-spacing:.2rem;}
	section.definition .wrapper .container .definition {font:60px/60px 'Bebas Neue'; text-transform:uppercase;}

@media(max-width:760px) {
	section.definition .wrapper .container .word {font:48px/48px 'Bebas Neue';}
	section.definition .wrapper .container .phonetic {font:700 18px 'Open Sans';}
	section.definition .wrapper .container .definition {font:32px/32px 'Bebas Neue';}
}


/* customer */
section.customer .wrapper .container .columns {display:flex; flex-flow:row wrap; position:relative; z-index:2;}
	section.customer .wrapper .container .columns .column {flex:1 1 calc(50% - 60px); padding:0 30px;}
	section.customer .wrapper .container .columns .column:first-child {padding-left:0;}
	section.customer .wrapper .container .columns .column:last-child {padding-right:0;}
		section.customer .wrapper .container .columns .column .title {display:inline-block; padding:15px 20px 10px 20px; font:48px/48px 'Bebas Neue'; text-transform:uppercase;}
		section.customer .wrapper .container .columns .column .title.red {background:var(--red);}
		section.customer .wrapper .container .columns .column .title.black {background:var(--black);}
		section.customer .wrapper .container .columns .column .stats {display:block; margin:2rem 0;}
			section.customer .wrapper .container .columns .column .stats .stat {display:flex; flex-flow:row nowrap;}
				section.customer .wrapper .container .columns .column .stats .stat .number {flex:0 0 auto; padding-right:15px; font:50px/50px 'Bebas Neue';}
				section.customer .wrapper .container .columns .column .stats .stat .desc {flex:1 1 auto; font:40px/50px 'Bebas Neue'; text-transform:uppercase;}
		section.customer .wrapper .container .columns .column .list {display:flex; flex-flow:column wrap; max-height:420px; margin-top:2rem;}
			section.customer .wrapper .container .columns .column .list .item {margin-bottom:5px;}
				section.customer .wrapper .container .columns .column .list .item h4 {margin:0;}

@media(max-width:1020px) {
	section.customer .wrapper .container .columns .column {flex:1 1 100%; padding:0;}
	section.customer .wrapper .container .columns .column:last-child {margin-top:30px;}
}
@media(max-width:760px) {
	section.customer .wrapper .container .columns .column .title {font:32px/32px 'Bebas Neue';}
	section.customer .wrapper .container .columns .column .stats .stat .number {font:40px/40px 'Bebas Neue';}
	section.customer .wrapper .container .columns .column .stats .stat .desc {font:28px/40px 'Bebas Neue';}
	section.customer .wrapper .container .columns .column .list {max-height:360px;}
}


/* team */
section.team .wrapper .container .columns {display:flex; flex-flow:row wrap; position:relative; z-index:2;}
	section.team .wrapper .container .columns .column {flex:1 1 calc(50% - 60px); padding:0 30px;}
	section.team .wrapper .container .columns .column:first-child {padding-left:0;}
	section.team .wrapper .container .columns .column:last-child {padding-right:0;}
		section.team .wrapper .container .columns .column h1 {color:var(--red);}
		section.team .wrapper .container .columns .column .title {display:inline-block; max-width:320px; padding:15px 20px 10px 20px; font:48px/48px 'Bebas Neue'; text-transform:uppercase;}
		section.team .wrapper .container .columns .column .title.red {background:var(--red); color:var(--white);}
		section.team .wrapper .container .columns .column .title.black {background:var(--black); color:var(--white);}
		section.team .wrapper .container .columns .column .title.grey {background:var(--grey-light); color:var(--black); font-size:42px; line-height:42px;}
		section.team .wrapper .container .columns .column .list {display:flex; flex-flow:row wrap; margin-top:2rem;}
			section.team .wrapper .container .columns .column .list .item {flex:1 1 50%; margin-bottom:5px;}
				section.team .wrapper .container .columns .column .list .item h4 {margin:0;}
		section.team .wrapper .container .columns .column .hires {display:flex; flex-flow:row wrap; margin-top:2rem;}
			section.team .wrapper .container .columns .column .hires .item {flex:1 1 33.3%; margin-bottom:20px;}
				section.team .wrapper .container .columns .column .hires .item h2 {margin:0;}
				section.team .wrapper .container .columns .column .hires .item h3 {margin:0;}
				section.team .wrapper .container .columns .column .hires .item h4 {margin:0;}

@media(max-width:760px) {
	section.team .wrapper .container .columns .column {flex:1 1 100%; padding:0;}
	section.team .wrapper .container .columns .column:last-child {margin-top:30px;}
		section.team .wrapper .container .columns .column .title {font:32px/32px 'Bebas Neue';}
		section.team .wrapper .container .columns .column .title.grey {font:32px/32px 'Bebas Neue';}
}


/* END */