
/* new about page */
.about-us .content_wrapper { position:relative; max-width:28em; }
.hero--about-us { background:url(../images/about-us/hero.jpg) center / cover; }
.hero--about-us p { max-width:20em; text-shadow: 0 0.05em 0.2em rgba(0, 0, 0, 0.6);  }
.about-us-headline p{
	text-align: center;
}
.about-us-founder { text-align:center; padding:0 0 4em; }
.about-us-founder p { text-align:center; }
.about-us-founder h2 { font-size:3em; }
.about-us-frank { background:#fff; padding:0.33em; position:relative; box-shadow:0.5em 0.5em 0.1em rgba(0,0,0,0.2), 0.33em 0.33em 0.33em -0.33em rgba(0,0,0,0.2); margin:0 auto 2em; width:auto; display:inline-block; max-width:16em; }
.about-us-frank p { position:absolute; right:0; margin-top:1.5em;  }
.about-us-floater { background:#fff; padding:0.33em; margin-bottom:2em; display:inline-block; box-shadow:0.5em 0.5em 0.1em rgba(0,0,0,0.2), 0.33em 0.33em 0.33em -0.33em rgba(0,0,0,0.2), 0 0 0.15em rgba(0,0,0,0.15);  }
.about-us-floater img { width:100%; }

.about-us-early { background:#fcd201; padding:4em 0; }
.about-us-early p {  clear:both; padding:2em 0;  }

.about-us-floater1 { width:33%; float:left; }
.about-us-floater2 { width:50%; float:right; }
.about-us-floater3 {}

.about-us-lme { padding:4em 0; }

.about-us-mid { background:url(../images/about-us/about-us-mid.jpg) center / cover; }
.about-us-mid section { background:rgba(0,0,0,0.33); color:#fff; padding:20% 0;  }
.about-us-bottom::before { content:''; display:block; padding-top:9%; background:url(../images/site/whitecurve.svg) center bottom -1vw / 100vw 9vw no-repeat; margin-top:-9%; }
@media (min-width:48em) {
	.about-us .content_wrapper { max-width:56em; }
	
	.hero--about-us p { font-size:1.5em; }
	.about-us-early { background:#fcd201 url(../images/about-us/toasterbg.jpg) center / auto 100% no-repeat; }
	.about-us-founder p { text-align:left; }
	.about-us-founder .rich-text { text-align:left; padding:5% 0 10% 50%; }
	.about-us-founder h2 { text-align:left; }
	.about-us-frank { position:absolute; left:25%; top:66%; width:33%; transform:translate(-50%,-66%); }
	.about-us-lme .rich-text { display:flex; justify-content:space-between; align-items:center;}
	.about-us-lme .about-us-leggomyeggo { width:calc(50% - 2.66em); max-width:24em; }
	.about-us-lme p { width:calc(50% - 1em); }
	.about-us-mid section { }
	.about-us-mid .rich-text { padding:0 0em 0 calc(50% + 1em); text-shadow:1px 1px 3px rgba(0,0,0,0.25); }
	.about-us-mid .rich-text p { font-size:1.25em; }
	
	.about-us-early .rich-text { padding:0 calc(50% + 1em) 0 0em; }
	.about-us-floater1 { margin-left:-4em; width:40%;  }
	.about-us-floater2 { width:60%; }
	.about-us-bottom .rich-text { padding:10% calc(50% + 1em) 10% 0em; }
	.about-us-lifestyle img { position:absolute; left:50%; top:50%; height:130%; z-index:1; transform:translate(0,-50%); }
}
@media (min-width:75em) {
	.hero--about-us h1 { font-size:5em; }
}
@media (min-width:100em) {
	.about-us-mid section { padding:20em 0; }
}