@charset "UTF-8";
/* CSS Document */

/*XS ++ */
.mmyp-sec1 .gridText {padding: 2rem 0 1rem;}
.mmyp-sec2 .ak-grid { margin-top: -5em; margin-bottom: 2rem; }
.mmyp-sec2 .ak-grid img {padding-right: 10%;}
.mmyp-sec2 .gridText {padding: 2rem 1rem 0;}
#tabsNspaces {width:80%;}
#blueThumb {padding: 10% 0; width: 40%; margin-left: 30%;}

.actors-grid {grid-auto-flow: row dense; gap: 2.5rem; padding: 2rem 0; margin-bottom: 0;}
.actors-grid figure {grid-row-end: span 2;}

/*XS -- */
@media only screen and (max-width: 575px){
	.mmyp-sec1 .ak-grid figure {margin: 2rem -.5rem;}
	.mmyp-sec1 .ak-grid div { padding: 0;}
	.mmyp-sec3 #fsaVase {margin-top: -2rem; padding-bottom: 2rem; background-color: #ffd731;}
	.mmyp-sec4 {padding: 12% 0 10%; margin-left: -8%;}
	#mainImage #greatSpreadsheet {padding-top: 10%; margin-left: -8%; max-width: 120%;}
	#truthSerum {width: 40%; margin: 6% 0 3% 38%;}
	#tabsNspaces {width: 45%; margin: 6% 0 3% 26%;}
	figure#baking, figure#toeWiggle, figure#sneaky { margin-bottom: 1rem;}
	figure#baking, figure#sneaky { margin-top: 0;}
	#stella {margin-left: -50%; min-width: 185%;}
	#bobThunder {margin-left: -42%; margin-bottom: -15%; min-width: 170%;}
	.actors-grid figure {width: 55%; margin-left: 5%;}
	.actors-grid figure:nth-child(2n) {margin-left: 40%;}
}

/*SM*/
@media only screen and (min-width: 576px){
	.mmyp-sec1 .gridText {padding: 4rem 0;}
	.mmyp-sec1 #prostate {padding: 0 8%;}
	.mmyp-sec2 .ak-grid { margin-top: -10em; margin-bottom: 5rem; }
	.mmyp-sec2 .gridText {padding: 4rem 2rem 0;}
	#mainImage #greatSpreadsheet {padding-top: 3.2%; margin-left: -2.5%; max-width: 105%;}
	figure#baking img {margin-top: 2.5rem;}
	.actors-grid {padding: 5rem 0;}
	.actors-grid figure:nth-child(2) {grid-row-start: 2;}
	#root1 {place-self: stretch; background-color: #edf1fa;}
	#root1 img {margin-top: 5%;}
}
/*MD*/
@media only screen and (min-width: 768px){
	.mmyp-sec2 .gridText {padding: 7rem 4rem 0 0;}
	#blueThumb {padding: 35% 0;  width: 100%; margin-left: 0;}
	#root1 img {margin-top: 0;}
	#root2 {grid-row-start: 3;}
	#root3 {grid-row-end: span 2;}
}
/*LG*/
@media only screen and (min-width: 992px){
	.mmyp-sec1 .gridText {padding: 7rem 0;}
	.mmyp-sec2 .ak-grid img {padding-right: 0;}
	.mmyp-sec2 .gridText {padding: 7rem 0 0;}
	.actors-grid figure:nth-child(4) {grid-row-start: 2;}

}
/*XL*/
@media only screen and (min-width: 1200px){
	
}
/*XXL*/
@media only screen and (min-width: 1400px){
	
	
}