/*** 
Multi-Box v0.5: This version makes no attempt to be responsive. Rather, it IS completely responsive, but doesn't give a shit that you would never want 6 tiny boxes in a row on an old iPhone. If you say it's a 6-up, it's a 6-up. 

New in v0.5 - Added 21:9 (2.37:1) aspect ratio, which is right between the two Anamorphic cinema standards.

New in v0.4 - Added "r" class to selectively change float from left to right, as well as the "grow" class for a hover state on content boxes.

New in v0.3 - Margin class is now applied to the PARENT container instead of the individual Multi-Box divs. This makes it easier to quickly try out different margins. Margin options are 5px (m5), 10px (m10), 15px (m15), and 20px (m20).

New in v0.2 - Margins are now set pixel values instead of %, and function the same regardless of container. Now using "calc()" for width and aspect ratio values. Last item in any MB group gets a bottom margin to keep the final row from smooshing against whatever is below it. There are two classes that act as overrides ... nbm = No Bottom Margin and ntm = No Top Margin.

Example (3-up boxes, 4x3 aspect ratio, 10px margins):
<div class="container m10">
	<div class="mb mb3up ar4x3">
		<div class="mbc">Content Container</div>
	</div>
	<div class="mb mb3up ar4x3">
		<div class="mbc">Content Container</div>
	</div>
	<div class="mb mb3up ar4x3">
		<div class="mbc">Content Container</div>
	</div>
</div>

***/

/*** MB = multi-box - this is the base style that makes everything else work ***/

.mb {
	__background-color: #999;
	display: block;
	float: left;
	height: 0;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	position: relative;
	display: flex;
	}
.mb.r { float: right; }
.mb iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

/*** MBC = multi-box content - this is a generic container you can use to put actual content inside a multi-box div ***/

.mbc {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: visible; /* In case we want some pop-out content */
	display: flex;
	justify-content: center;
	align-items: center;
	/* The two items below this are optional so you can use this as an image container */
	background-size: 100%;
	background-position: center center;
	transition: .2s;
	transition-timing-function: ease-out;
	/*transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);*/
	__outline: 1px solid rgba(42,42,42,0);
	filter: blur(0);
	-webkit-filter: blur(0); 
	}
.mbc.cover { background-size: cover; }
.mb:hover .grow { 
	transition: .6s; 
	transition-timing-function: ease-out;
	/*transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);*/
	background-size: 110%; 
	}
.mb:hover .blur { 
	transition: .6s; 
	transition-timing-function: ease-out;
	/*transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);*/
	filter: blur(6px);
	-webkit-filter: blur(6px); 
	}

/*** This is a temporary style so you can see when it changes from one box to another. It can be deleted. ***/

.mb:nth-of-type(even) {
	__background-color: #CCC;
	}

.m5 .mb { margin: 5px 0px 0px 5px; }
.m5 .mb.r { margin: 5px 5px 0px 0px; }
.m5 .mb:nth-last-of-type(1) { margin-bottom: 5px; }
.m10 .mb { margin: 10px 0px 0px 10px; }
.m10 .mb.r { margin: 10px 10px 0px 0px; }
.m10 .mb:nth-last-of-type(1) { margin-bottom: 10px; }
.m15 .mb { margin: 15px 0px 0px 15px; }
.m15 .mb.r { margin: 15px 15px 0px 0px; }
.m15 .mb:nth-last-of-type(1) { margin-bottom: 15px; }
.m20 .mb { margin: 20px 0px 0px 20px; }
.m20 .mb.r { margin: 20px 20px 0px 0px; }
.m20 .mb:nth-last-of-type(1) { margin-bottom: 20px; }

/*** BANNER, not multi-box - default aspect ratio is 16:9 ***/

.mban { width: 100%; padding-bottom: calc(100% * .5625); }
	.mban.ar1x1 { padding-bottom: calc(100% * 1); }
	.mban.ar4x3 { padding-bottom: calc(100% * .75); }
	.mban.ar3x2 { padding-bottom: calc(100% * .6667); }
	.mban.ar16x9 { padding-bottom: calc(100% * .5625); }
	.mban.ar2x1 { padding-bottom: calc(100% * .5); }
	.mban.ar21x9 { padding-bottom: calc(100% * .4219); }
	.mban.ar3x1 { padding-bottom: calc(100% * .3333); }
	.mban.ar4x1 { padding-bottom: calc(100% * .25); }
	.mban.ar5x1 { padding-bottom: calc(100% * .20); }
	.mban.ar6x1 { padding-bottom: calc(100% * .1667); }
	
	/* 5px Margins */
	
	.m5 .mban { width: calc(100% - 10px); padding-bottom: calc((100% - 10px) * .5625); }
		.m5 .mban.ar1x1 { padding-bottom: calc((100% - 10px) * 1); }
		.m5 .mban.ar4x3 { padding-bottom: calc((100% - 10px) * .75); }
		.m5 .mban.ar3x2 { padding-bottom: calc((100% - 10px) * .6667); }
		.m5 .mban.ar16x9 { padding-bottom: calc((100% - 10px) * .5625); }
		.m5 .mban.ar2x1 { padding-bottom: calc((100% - 10px) * .5); }
		.m5 .mban.ar21x9 { padding-bottom: calc((100% - 10px) * .4219); }
		.m5 .mban.ar3x1 { padding-bottom: calc((100% - 10px) * .3333); }
		.m5 .mban.ar4x1 { padding-bottom: calc((100% - 10px) * .25); }
		.m5 .mban.ar5x1 { padding-bottom: calc((100% - 10px) * .20); }
		.m5 .mban.ar6x1 { padding-bottom: calc((100% - 10px) * .1667); }
	
	/* 10px Margins */
	
	.m10 .mban { width: calc(100% - 20px); padding-bottom: calc((100% - 20px) * .5625); }
		.m10 .mban.ar1x1 { padding-bottom: calc((100% - 20px) * 1); }
		.m10 .mban.ar4x3 { padding-bottom: calc((100% - 20px) * .75); }
		.m10 .mban.ar3x2 { padding-bottom: calc((100% - 20px) * .6667); }
		.m10 .mban.ar16x9 { padding-bottom: calc((100% - 20px) * .5625); }
		.m10 .mban.ar2x1 { padding-bottom: calc((100% - 20px) * .5); }
		.m10 .mban.ar21x9 { padding-bottom: calc((100% - 20px) * .4219); }
		.m10 .mban.ar3x1 { padding-bottom: calc((100% - 20px) * .3333); }
		.m10 .mban.ar4x1 { padding-bottom: calc((100% - 20px) * .25); }
		.m10 .mban.ar5x1 { padding-bottom: calc((100% - 20px) * .20); }
		.m10 .mban.ar6x1 { padding-bottom: calc((100% - 20px) * .1667); }
		
	/* 15px Margins */
	
	.m15 .mban { width: calc(100% - 30px); padding-bottom: calc((100% - 30px) * .5625); }
		.m15 .mban.ar1x1 { padding-bottom: calc((100% - 30px) * 1); }
		.m15 .mban.ar4x3 { padding-bottom: calc((100% - 30px) * .75); }
		.m15 .mban.ar3x2 { padding-bottom: calc((100% - 30px) * .6667); }
		.m15 .mban.ar16x9 { padding-bottom: calc((100% - 30px) * .5625); }
		.m15 .mban.ar2x1 { padding-bottom: calc((100% - 30px) * .5); }
		.m15 .mban.ar21x9 { padding-bottom: calc((100% - 30px) * .4219); }
		.m15 .mban.ar3x1 { padding-bottom: calc((100% - 30px) * .3333); }
		.m15 .mban.ar4x1 { padding-bottom: calc((100% - 30px) * .25); }
		.m15 .mban.ar5x1 { padding-bottom: calc((100% - 30px) * .20); }
		.m15 .mban.ar6x1 { padding-bottom: calc((100% - 30px) * .1667); }
		
	/* 20px Margins */
	
	.m20 .mban { width: calc(100% - 40px); padding-bottom: calc((100% - 40px) * .5625); }
		.m20 .mban.ar1x1 { padding-bottom: calc((100% - 40px) * 1); }
		.m20 .mban.ar4x3 { padding-bottom: calc((100% - 40px) * .75); }
		.m20 .mban.ar3x2 { padding-bottom: calc((100% - 40px) * .6667); }
		.m20 .mban.ar16x9 { padding-bottom: calc((100% - 40px) * .5625); }
		.m20 .mban.ar2x1 { padding-bottom: calc((100% - 40px) * .5); }
		.m20 .mban.ar21x9 { padding-bottom: calc((100% - 40px) * .4219); }
		.m20 .mban.ar3x1 { padding-bottom: calc((100% - 40px) * .3333); }
		.m20 .mban.ar4x1 { padding-bottom: calc((100% - 40px) * .25); }
		.m20 .mban.ar5x1 { padding-bottom: calc((100% - 40px) * .20); }
		.m20 .mban.ar6x1 { padding-bottom: calc((100% - 40px) * .1667); }

/*** 2UP - Default aspect ratio is 2:1 ***/

.mb2up { width: 50%; padding-bottom: calc(50% * .5); }
	.mb2up.ar1x1 { padding-bottom: calc(50% * 1); }
	.mb2up.ar4x3 { padding-bottom: calc(50% * .75); }
	.mb2up.ar3x2 { padding-bottom: calc(50% * .6667); }
	.mb2up.ar16x9 { padding-bottom: calc(50% * .5625); }
	.mb2up.ar2x1 { padding-bottom: calc(50% * .5); }
	.mb2up.ar21x9 { padding-bottom: calc(50% * .4219); }
	.mb2up.ar3x1 { padding-bottom: calc(50% * .3333); }
	.mb2up.ar4x1 { padding-bottom: calc(50% * .25); }
	.mb2up.ar5x1 { padding-bottom: calc(50% * .20); }
	.mb2up.ar6x1 { padding-bottom: calc(50% * .1667); }
	
	/* 5px Margins */
	
	.m5 .mb2up { width: calc((100% - 15px) / 2); padding-bottom: calc(((100% - 15px) / 2) * .5); }
		.m5 .mb2up.ar1x1 { padding-bottom: calc(((100% - 15px) / 2) * 1); }
		.m5 .mb2up.ar4x3 { padding-bottom: calc(((100% - 15px) / 2) * .75); }
		.m5 .mb2up.ar3x2 { padding-bottom: calc(((100% - 15px) / 2) * .6667); }
		.m5 .mb2up.ar16x9 { padding-bottom: calc(((100% - 15px) / 2) * .5625); }
		.m5 .mb2up.ar2x1 { padding-bottom: calc(((100% - 15px) / 2) * .5); }
		.m5 .mb2up.ar21x9 { padding-bottom: calc(((100% - 15px) / 2) * .4219); }
		.m5 .mb2up.ar3x1 { padding-bottom: calc(((100% - 15px) / 2) * .3333); }
		.m5 .mb2up.ar4x1 { padding-bottom: calc(((100% - 15px) / 2) * .25); }
		.m5 .mb2up.ar5x1 { padding-bottom: calc(((100% - 15px) / 2) * .20); }
		.m5 .mb2up.ar6x1 { padding-bottom: calc(((100% - 15px) / 2) * .1667); }
	
	/* 10px Margins */
	
	.m10 .mb2up { width: calc((100% - 30px) / 2); padding-bottom: calc(((100% - 30px) / 2) * .5); }
		.m10 .mb2up.ar1x1 { padding-bottom: calc(((100% - 30px) / 2) * 1); }
		.m10 .mb2up.ar4x3 { padding-bottom: calc(((100% - 30px) / 2) * .75); }
		.m10 .mb2up.ar3x2 { padding-bottom: calc(((100% - 30px) / 2) * .6667); }
		.m10 .mb2up.ar16x9 { padding-bottom: calc(((100% - 30px) / 2) * .5625); }
		.m10 .mb2up.ar2x1 { padding-bottom: calc(((100% - 30px) / 2) * .5); }
		.m10 .mb2up.ar21x9 { padding-bottom: calc(((100% - 30px) / 2) * .4219); }
		.m10 .mb2up.ar3x1 { padding-bottom: calc(((100% - 30px) / 2) * .3333); }
		.m10 .mb2up.ar4x1 { padding-bottom: calc(((100% - 30px) / 2) * .25); }
		.m10 .mb2up.ar5x1 { padding-bottom: calc(((100% - 30px) / 2) * .20); }
		.m10 .mb2up.ar6x1 { padding-bottom: calc(((100% - 30px) / 2) * .1667); }
		
	/* 15px Margins */
	
	.m15 .mb2up { width: calc((100% - 45px) / 2); padding-bottom: calc(((100% - 45px) / 2) * .5); }
		.m15 .mb2up.ar1x1 { padding-bottom: calc(((100% - 45px) / 2) * 1); }
		.m15 .mb2up.ar4x3 { padding-bottom: calc(((100% - 45px) / 2) * .75); }
		.m15 .mb2up.ar3x2 { padding-bottom: calc(((100% - 45px) / 2) * .6667); }
		.m15 .mb2up.ar16x9 { padding-bottom: calc(((100% - 45px) / 2) * .5625); }
		.m15 .mb2up.ar2x1 { padding-bottom: calc(((100% - 45px) / 2) * .5); }
		.m15 .mb2up.ar21x9 { padding-bottom: calc(((100% - 45px) / 2) * .4219); }
		.m15 .mb2up.ar3x1 { padding-bottom: calc(((100% - 45px) / 2) * .3333); }
		.m15 .mb2up.ar4x1 { padding-bottom: calc(((100% - 45px) / 2) * .25); }
		.m15 .mb2up.ar5x1 { padding-bottom: calc(((100% - 45px) / 2) * .20); }
		.m15 .mb2up.ar6x1 { padding-bottom: calc(((100% - 45px) / 2) * .1667); }
		
	/* 20px Margins */
	
	.m20 .mb2up { width: calc((100% - 60px) / 2); padding-bottom: calc(((100% - 60px) / 2) * .5); }
		.m20 .mb2up.ar1x1 { padding-bottom: calc(((100% - 60px) / 2) * 1); }
		.m20 .mb2up.ar4x3 { padding-bottom: calc(((100% - 60px) / 2) * .75); }
		.m20 .mb2up.ar3x2 { padding-bottom: calc(((100% - 60px) / 2) * .6667); }
		.m20 .mb2up.ar16x9 { padding-bottom: calc(((100% - 60px) / 2) * .5625); }
		.m20 .mb2up.ar2x1 { padding-bottom: calc(((100% - 60px) / 2) * .5); }
		.m20 .mb2up.ar21x9 { padding-bottom: calc(((100% - 60px) / 2) * .4219); }
		.m20 .mb2up.ar3x1 { padding-bottom: calc(((100% - 60px) / 2) * .3333); }
		.m20 .mb2up.ar4x1 { padding-bottom: calc(((100% - 60px) / 2) * .25); }
		.m20 .mb2up.ar5x1 { padding-bottom: calc(((100% - 60px) / 2) * .20); }
		.m20 .mb2up.ar6x1 { padding-bottom: calc(((100% - 60px) / 2) * .1667); }

/*** 3UP - Default aspect ratio is 2:1 ***/

.mb3up { width: 33.3333%; padding-bottom: calc(33.3333% * .5); }
	.mb3up.ar1x1 { padding-bottom: calc(33.3333% * 1); }
	.mb3up.ar4x3 { padding-bottom: calc(33.3333% * .75); }
	.mb3up.ar3x2 { padding-bottom: calc(33.3333% * .6667); }
	.mb3up.ar16x9 { padding-bottom: calc(33.3333% * .5625); }
	.mb3up.ar2x1 { padding-bottom: calc(33.3333% * .5); }
	.mb3up.ar21x9 { padding-bottom: calc(33.3333% * .4219); }
	.mb3up.ar3x1 { padding-bottom: calc(33.3333% * .3333); }
	.mb3up.ar4x1 { padding-bottom: calc(33.3333% * .25); }
	.mb3up.ar5x1 { padding-bottom: calc(33.3333% * .20); }
	.mb3up.ar6x1 { padding-bottom: calc(33.3333% * .1667); }
	
	/* 5px Margins */
	
	.m5 .mb3up { width: calc((100% - 20px) / 3); padding-bottom: calc(((100% - 20px) / 3) * .5); }
		.m5 .mb3up.ar1x1 { padding-bottom: calc(((100% - 20px) / 3) * 1); }
		.m5 .mb3up.ar4x3 { padding-bottom: calc(((100% - 20px) / 3) * .75); }
		.m5 .mb3up.ar3x2 { padding-bottom: calc(((100% - 20px) / 3) * .6667); }
		.m5 .mb3up.ar16x9 { padding-bottom: calc(((100% - 20px) / 3) * .5625); }
		.m5 .mb3up.ar2x1 { padding-bottom: calc(((100% - 20px) / 3) * .5); }
		.m5 .mb3up.ar21x9 { padding-bottom: calc(((100% - 20px) / 3) * .4219); }
		.m5 .mb3up.ar3x1 { padding-bottom: calc(((100% - 20px) / 3) * .3333); }
		.m5 .mb3up.ar4x1 { padding-bottom: calc(((100% - 20px) / 3) * .25); }
		.m5 .mb3up.ar5x1 { padding-bottom: calc(((100% - 20px) / 3) * .20); }
		.m5 .mb3up.ar6x1 { padding-bottom: calc(((100% - 20px) / 3) * .1667); }
	
	/* 10px Margins */
	
	.m10 .mb3up { width: calc((100% - 40px) / 3); padding-bottom: calc(((100% - 40px) / 3) * .5); }
		.m10 .mb3up.ar1x1{ padding-bottom: calc(((100% - 40px) / 3) * 1); }
		.m10 .mb3up.ar4x3 { padding-bottom: calc(((100% - 40px) / 3) * .75); }
		.m10 .mb3up.ar3x2 { padding-bottom: calc(((100% - 40px) / 3) * .6667); }
		.m10 .mb3up.ar16x9 { padding-bottom: calc(((100% - 40px) / 3) * .5625); }
		.m10 .mb3up.ar2x1 { padding-bottom: calc(((100% - 40px) / 3) * .5); }
		.m10 .mb3up.ar21x9 { padding-bottom: calc(((100% - 40px) / 3) * .4219); }
		.m10 .mb3up.ar3x1 { padding-bottom: calc(((100% - 40px) / 3) * .3333); }
		.m10 .mb3up.ar4x1 { padding-bottom: calc(((100% - 40px) / 3) * .25); }
		.m10 .mb3up.ar5x1 { padding-bottom: calc(((100% - 40px) / 3) * .20); }
		.m10 .mb3up.ar6x1 { padding-bottom: calc(((100% - 40px) / 3) * .1667); }
		
	/* 15px Margins */
	
	.m15 .mb3up { width: calc((100% - 60px) / 3); padding-bottom: calc(((100% - 60px) / 3) * .5); }
		.m15 .mb3up.ar1x1 { padding-bottom: calc(((100% - 60px) / 3) * 1); }
		.m15 .mb3up.ar4x3 { padding-bottom: calc(((100% - 60px) / 3) * .75); }
		.m15 .mb3up.ar3x2 { padding-bottom: calc(((100% - 60px) / 3) * .6667); }
		.m15 .mb3up.ar16x9 { padding-bottom: calc(((100% - 60px) / 3) * .5625); }
		.m15 .mb3up.ar2x1 { padding-bottom: calc(((100% - 60px) / 3) * .5); }
		.m15 .mb3up.ar21x9 { padding-bottom: calc(((100% - 60px) / 3) * .4219); }
		.m15 .mb3up.ar3x1 { padding-bottom: calc(((100% - 60px) / 3) * .3333); }
		.m15 .mb3up.ar4x1 { padding-bottom: calc(((100% - 60px) / 3) * .25); }
		.m15 .mb3up.ar5x1 { padding-bottom: calc(((100% - 60px) / 3) * .20); }
		.m15 .mb3up.ar6x1 { padding-bottom: calc(((100% - 60px) / 3) * .1667); }
		
	/* 20px Margins */
	
	.m20 .mb3up { width: calc((100% - 80px) / 3); padding-bottom: calc(((100% - 80px) / 3) * .5); }
		.m20 .mb3up.ar1x1 { padding-bottom: calc(((100% - 80px) / 3) * 1); }
		.m20 .mb3up.ar4x3 { padding-bottom: calc(((100% - 80px) / 3) * .75); }
		.m20 .mb3up.ar3x2 { padding-bottom: calc(((100% - 80px) / 3) * .6667); }
		.m20 .mb3up.ar16x9 { padding-bottom: calc(((100% - 80px) / 3) * .5625); }
		.m20 .mb3up.ar2x1 { padding-bottom: calc(((100% - 80px) / 3) * .5); }
		.m20 .mb3up.ar21x9 { padding-bottom: calc(((100% - 80px) / 3) * .4219); }
		.m20 .mb3up.ar3x10 { padding-bottom: calc(((100% - 80px) / 3) * .3333); }
		.m20 .mb3up.ar4x1 { padding-bottom: calc(((100% - 80px) / 3) * .25); }
		.m20 .mb3up.ar5x1 { padding-bottom: calc(((100% - 80px) / 3) * .20); }
		.m20 .mb3up.ar6x1 { padding-bottom: calc(((100% - 80px) / 3) * .1667); }

/*** 4UP - Default aspect ratio is 16:9 ***/

.mb4up { width: 25%; padding-bottom: calc(25% * .5625); }
	.mb4up.ar1x1 { padding-bottom: calc(25% * 1); }
	.mb4up.ar4x3 { padding-bottom: calc(25% * .75); }
	.mb4up.ar3x2 { padding-bottom: calc(25% * .6667); }
	.mb4up.ar16x9 { padding-bottom: calc(25% * .5625); }
	.mb4up.ar2x1 { padding-bottom: calc(25% * .5); }
	.mb4up.ar21x9 { padding-bottom: calc(25% * .4219); }
	.mb4up.ar3x1 { padding-bottom: calc(25% * .3333); }
	.mb4up.ar4x1 { padding-bottom: calc(25% * .25); }
	.mb4up.ar5x1 { padding-bottom: calc(25% * .20); }
	.mb4up.ar6x1 { padding-bottom: calc(25% * .1667); }
	
	/* 5px Margins */
	
	.m5 .mb4up { width: calc((100% - 25px) / 4); padding-bottom: calc(((100% - 25px) / 4) * .5625); }
		.m5 .mb4up.ar1x1 { padding-bottom: calc(((100% - 25px) / 4) * 1); }
		.m5 .mb4up.ar4x3 { padding-bottom: calc(((100% - 25px) / 4) * .75); }
		.m5 .mb4up.ar3x2 { padding-bottom: calc(((100% - 25px) / 4) * .6667); }
		.m5 .mb4up.ar16x9 { padding-bottom: calc(((100% - 25px) / 4) * .5625); }
		.m5 .mb4up.ar2x1 { padding-bottom: calc(((100% - 25px) / 4) * .5); }
		.m5 .mb4up.ar21x9 { padding-bottom: calc(((100% - 25px) / 4) * .4219); }
		.m5 .mb4up.ar3x1 { padding-bottom: calc(((100% - 25px) / 4) * .3333); }
		.m5 .mb4up.ar4x1 { padding-bottom: calc(((100% - 25px) / 4) * .25); }
		.m5 .mb4up.ar5x1 { padding-bottom: calc(((100% - 25px) / 4) * .20); }
		.m5 .mb4up.ar6x1 { padding-bottom: calc(((100% - 25px) / 4) * .1667); }
	
	/* 10px Margins */
	
	.m10 .mb4up { width: calc((100% - 50px) / 4); padding-bottom: calc(((100% - 50px) / 4) * .5625); }
		.m10 .mb4up.ar1x1 { padding-bottom: calc(((100% - 50px) / 4) * 1); }
		.m10 .mb4up.ar4x3 { padding-bottom: calc(((100% - 50px) / 4) * .75); }
		.m10 .mb4up.ar3x2 { padding-bottom: calc(((100% - 50px) / 4) * .6667); }
		.m10 .mb4up.ar16x9 { padding-bottom: calc(((100% - 50px) / 4) * .5625); }
		.m10 .mb4up.ar2x1 { padding-bottom: calc(((100% - 50px) / 4) * .5); }
		.m10 .mb4up.ar21x9 { padding-bottom: calc(((100% - 50px) / 4) * .4219); }
		.m10 .mb4up.ar3x1 { padding-bottom: calc(((100% - 50px) / 4) * .3333); }
		.m10 .mb4up.ar4x1 { padding-bottom: calc(((100% - 50px) / 4) * .25); }
		.m10 .mb4up.ar5x1 { padding-bottom: calc(((100% - 50px) / 4) * .20); }
		.m10 .mb4up.ar6x1 { padding-bottom: calc(((100% - 50px) / 4) * .1667); }
		
	/* 15px Margins */
	
	.m15 .mb4up { width: calc((100% - 75px) / 4); padding-bottom: calc(((100% - 75px) / 4) * .5625); }
		.m15 .mb4up.ar1x1 { padding-bottom: calc(((100% - 75px) / 4) * 1); }
		.m15 .mb4up.ar4x3 { padding-bottom: calc(((100% - 75px) / 4) * .75); }
		.m15 .mb4up.ar3x2 { padding-bottom: calc(((100% - 75px) / 4) * .6667); }
		.m15 .mb4up.ar16x9 { padding-bottom: calc(((100% - 75px) / 4) * .5625); }
		.m15 .mb4up.ar2x1 { padding-bottom: calc(((100% - 75px) / 4) * .5); }
		.m15 .mb4up.ar21x9 { padding-bottom: calc(((100% - 75px) / 4) * .4219); }
		.m15 .mb4up.ar3x1 { padding-bottom: calc(((100% - 75px) / 4) * .3333); }
		.m15 .mb4up.ar4x1 { padding-bottom: calc(((100% - 75px) / 4) * .25); }
		.m15 .mb4up.ar5x1 { padding-bottom: calc(((100% - 75px) / 4) * .20); }
		.m15 .mb4up.ar6x1 { padding-bottom: calc(((100% - 75px) / 4) * .1667); }
		
	/* 20px Margins */
	
	.m20 .mb4up { width: calc((100% - 100px) / 4); padding-bottom: calc(((100% - 100px) / 4) * .5625); }
		.m20 .mb4up.ar1x1 { padding-bottom: calc(((100% - 100px) / 4) * 1); }
		.m20 .mb4up.ar4x3 { padding-bottom: calc(((100% - 100px) / 4) * .75); }
		.m20 .mb4up.ar3x2 { padding-bottom: calc(((100% - 100px) / 4) * .6667); }
		.m20 .mb4up.ar16x9 { padding-bottom: calc(((100% - 100px) / 4) * .5625); }
		.m20 .mb4up.ar2x1 { padding-bottom: calc(((100% - 100px) / 4) * .5); }
		.m20 .mb4up.ar21x9 { padding-bottom: calc(((100% - 100px) / 4) * .4219); }
		.m20 .mb4up.ar3x1 { padding-bottom: calc(((100% - 100px) / 4) * .3333); }
		.m20 .mb4up.ar4x1 { padding-bottom: calc(((100% - 100px) / 4) * .25); }
		.m20 .mb4up.ar5x1 { padding-bottom: calc(((100% - 100px) / 4) * .20); }
		.m20 .mb4up.ar6x1 { padding-bottom: calc(((100% - 100px) / 4) * .1667); }

/*** 5UP - Default aspect ratio is 3:2 ***/

.mb5up { width: 20%; padding-bottom: calc(20% * .6667); }
	.mb5up.ar1x1 { padding-bottom: calc(20% * 1); }
	.mb5up.ar4x3 { padding-bottom: calc(20% * .75); }
	.mb5up.ar3x2 { padding-bottom: calc(20% * .6667); }
	.mb5up.ar16x9 { padding-bottom: calc(20% * .5625); }
	.mb5up.ar2x1 { padding-bottom: calc(20% * .5); }
	.mb5up.ar21x9 { padding-bottom: calc(20% * .4219); }
	.mb5up.ar3x1 { padding-bottom: calc(20% * .3333); }
	.mb5up.ar4x1 { padding-bottom: calc(20% * .25); }
	.mb5up.ar5x1 { padding-bottom: calc(20% * .20); }
	.mb5up.ar6x1 { padding-bottom: calc(20% * .1667); }
	
	/* 5px Margins */
	
	.m5 .mb5up { width: calc((100% - 30px) / 5); padding-bottom: calc(((100% - 30px) / 5) * .6667); }
		.m5 .mb5up.ar1x1 { padding-bottom: calc(((100% - 30px) / 5) * 1); }
		.m5 .mb5up.ar4x3 { padding-bottom: calc(((100% - 30px) / 5) * .75); }
		.m5 .mb5up.ar3x2 { padding-bottom: calc(((100% - 30px) / 5) * .6667); }
		.m5 .mb5up.ar16x9 { padding-bottom: calc(((100% - 30px) / 5) * .5625); }
		.m5 .mb5up.ar2x1 { padding-bottom: calc(((100% - 30px) / 5) * .5); }
		.m5 .mb5up.ar21x9 { padding-bottom: calc(((100% - 30px) / 5) * .4219); }
		.m5 .mb5up.ar3x1 { padding-bottom: calc(((100% - 30px) / 5) * .3333); }
		.m5 .mb5up.ar4x1 { padding-bottom: calc(((100% - 30px) / 5) * .25); }
		.m5 .mb5up.ar5x1 { padding-bottom: calc(((100% - 30px) / 5) * .20); }
		.m5 .mb5up.ar6x1 { padding-bottom: calc(((100% - 30px) / 5) * .1667); }
	
	/* 10px Margins */
	
	.m10 .mb5up { width: calc((100% - 60px) / 5); padding-bottom: calc(((100% - 60px) / 5) * .6667); }
		.m10 .mb5up.ar1x1 { padding-bottom: calc(((100% - 60px) / 5) * 1); }
		.m10 .mb5up.ar4x3 { padding-bottom: calc(((100% - 60px) / 5) * .75); }
		.m10 .mb5up.ar3x2 { padding-bottom: calc(((100% - 60px) / 5) * .6667); }
		.m10 .mb5up.ar16x9 { padding-bottom: calc(((100% - 60px) / 5) * .5625); }
		.m10 .mb5up.ar2x1 { padding-bottom: calc(((100% - 60px) / 5) * .5); }
		.m10 .mb5up.ar21x9 { padding-bottom: calc(((100% - 60px) / 5) * .4219); }
		.m10 .mb5up.ar3x1 { padding-bottom: calc(((100% - 60px) / 5) * .3333); }
		.m10 .mb5up.ar4x1 { padding-bottom: calc(((100% - 60px) / 5) * .25); }
		.m10 .mb5up.ar5x1 { padding-bottom: calc(((100% - 60px) / 5) * .20); }
		.m10 .mb5up.ar6x1 { padding-bottom: calc(((100% - 60px) / 5) * .1667); }
		
	/* 15px Margins */
	
	.m15 .mb5up { width: calc((100% - 90px) / 5); padding-bottom: calc(((100% - 90px) / 5) * .6667); }
		.m15 .mb5up.ar1x1 { padding-bottom: calc(((100% - 90px) / 5) * 1); }
		.m15 .mb5up.ar4x3 { padding-bottom: calc(((100% - 90px) / 5) * .75); }
		.m15 .mb5up.ar3x2 { padding-bottom: calc(((100% - 90px) / 5) * .6667); }
		.m15 .mb5up.ar16x9 { padding-bottom: calc(((100% - 90px) / 5) * .5625); }
		.m15 .mb5up.ar2x1 { padding-bottom: calc(((100% - 90px) / 5) * .5); }
		.m15 .mb5up.ar21x9 { padding-bottom: calc(((100% - 90px) / 5) * .4219); }
		.m15 .mb5up.ar3x1 { padding-bottom: calc(((100% - 90px) / 5) * .3333); }
		.m15 .mb5up.ar4x1 { padding-bottom: calc(((100% - 90px) / 5) * .25); }
		.m15 .mb5up.ar5x1 { padding-bottom: calc(((100% - 90px) / 5) * .20); }
		.m15 .mb5up.ar6x1 { padding-bottom: calc(((100% - 90px) / 5) * .1667); }
		
	/* 20px Margins */
	
	.m20 .mb5up { width: calc((100% - 120px) / 5); padding-bottom: calc(((100% - 120px) / 5) * .6667); }
		.m20 .mb5up.ar1x1 { padding-bottom: calc(((100% - 120px) / 5) * 1); }
		.m20 .mb5up.ar4x3 { padding-bottom: calc(((100% - 120px) / 5) * .75); }
		.m20 .mb5up.ar3x2 { padding-bottom: calc(((100% - 120px) / 5) * .6667); }
		.m20 .mb5up.ar16x9 { padding-bottom: calc(((100% - 120px) / 5) * .5625); }
		.m20 .mb5up.ar2x1 { padding-bottom: calc(((100% - 120px) / 5) * .5); }
		.m20 .mb5up.ar21x9 { padding-bottom: calc(((100% - 120px) / 5) * .4219); }
		.m20 .mb5up.ar3x1 { padding-bottom: calc(((100% - 120px) / 5) * .3333); }
		.m20 .mb5up.ar4x1 { padding-bottom: calc(((100% - 120px) / 5) * .25); }
		.m20 .mb5up.ar5x1 { padding-bottom: calc(((100% - 120px) / 5) * .20); }
		.m20 .mb5up.ar6x1 { padding-bottom: calc(((100% - 120px) / 5) * .1667); }

/*** 6UP - Default aspect ratio is 4:3 ***/

.mb6up { width: 16.6666%; padding-bottom: calc(16.6666% * .75); }
	.mb6up.ar1x1 { padding-bottom: calc(16.6666% * 1); }
	.mb6up.ar4x3 { padding-bottom: calc(16.6666% * .75); }
	.mb6up.ar3x2 { padding-bottom: calc(16.6666% * .6667); }
	.mb6up.ar16x9 { padding-bottom: calc(16.6666% * .5625); }
	.mb6up.ar2x1 { padding-bottom: calc(16.6666% * .5); }
	.mb6up.ar21x9 { padding-bottom: calc(16.6666% * .4219); }
	.mb6up.ar3x1 { padding-bottom: calc(16.6666% * .3333); }
	.mb6up.ar4x1 { padding-bottom: calc(16.6666% * .25); }
	.mb6up.ar5x1 { padding-bottom: calc(16.6666% * .20); }
	.mb6up.ar6x1 { padding-bottom: calc(16.6666% * .1667); }
	
	/* 5px Margins */

	.m5 .mb6up { width: calc((100% - 35px) / 6); padding-bottom: calc(((100% - 35px) / 6) * .75); }
		.m5 .mb6up.ar1x1 { padding-bottom: calc(((100% - 35px) / 6) * 1); }
		.m5 .mb6up.ar4x3 { padding-bottom: calc(((100% - 35px) / 6) * .75); }
		.m5 .mb6up.ar3x2 { padding-bottom: calc(((100% - 35px) / 6) * .6667); }
		.m5 .mb6up.ar16x9 { padding-bottom: calc(((100% - 35px) / 6) * .5625); }
		.m5 .mb6up.ar2x1 { padding-bottom: calc(((100% - 35px) / 6) * .5); }
		.m5 .mb6up.ar21x9 { padding-bottom: calc(((100% - 35px) / 6) * .4219); }
		.m5 .mb6up.ar3x1 { padding-bottom: calc(((100% - 35px) / 6) * .3333); }
		.m5 .mb6up.ar4x1 { padding-bottom: calc(((100% - 35px) / 6) * .25); }
		.m5 .mb6up.ar5x1 { padding-bottom: calc(((100% - 35px) / 6) * .20); }
		.m5 .mb6up.ar6x1 { padding-bottom: calc(((100% - 35px) / 6) * .1667); }
	
	/* 10px Margins */

	.m10 .mb6up { width: calc((100% - 70px) / 6); padding-bottom: calc(((100% - 70px) / 6) * .75); }
		.m10 .mb6up.ar1x1 { padding-bottom: calc(((100% - 70px) / 6) * 1); }
		.m10 .mb6up.ar4x3 { padding-bottom: calc(((100% - 70px) / 6) * .75); }
		.m10 .mb6up.ar3x2 { padding-bottom: calc(((100% - 70px) / 6) * .6667); }
		.m10 .mb6up.ar16x9 { padding-bottom: calc(((100% - 70px) / 6) * .5625); }
		.m10 .mb6up.ar2x1 { padding-bottom: calc(((100% - 70px) / 6) * .5); }
		.m10 .mb6up.ar21x9 { padding-bottom: calc(((100% - 70px) / 6) * .4219); }
		.m10 .mb6up.ar3x1 { padding-bottom: calc(((100% - 70px) / 6) * .3333); }
		.m10 .mb6up.ar4x1 { padding-bottom: calc(((100% - 70px) / 6) * .25); }
		.m10 .mb6up.ar5x1 { padding-bottom: calc(((100% - 70px) / 6) * .20); }
		.m10 .mb6up.ar6x1 { padding-bottom: calc(((100% - 70px) / 6) * .1667); }
		
	/* 15px Margins */

	.m15 .mb6up { width: calc((100% - 105px) / 6); padding-bottom: calc(((100% - 105px) / 6) * .75); }
		.m15 .mb6up.ar1x1 { padding-bottom: calc(((100% - 105px) / 6) * 1); }
		.m15 .mb6up.ar4x3 { padding-bottom: calc(((100% - 105px) / 6) * .75); }
		.m15 .mb6up.ar3x2 { padding-bottom: calc(((100% - 105px) / 6) * .6667); }
		.m15 .mb6up.ar16x9 { padding-bottom: calc(((100% - 105px) / 6) * .5625); }
		.m15 .mb6up.ar2x1 { padding-bottom: calc(((100% - 105px) / 6) * .5); }
		.m15 .mb6up.ar21x9 { padding-bottom: calc(((100% - 105px) / 6) * .4219); }
		.m15 .mb6up.ar3x1 { padding-bottom: calc(((100% - 105px) / 6) * .3333); }
		.m15 .mb6up.ar4x1 { padding-bottom: calc(((100% - 105px) / 6) * .25); }
		.m15 .mb6up.ar5x1 { padding-bottom: calc(((100% - 105px) / 6) * .20); }
		.m15 .mb6up.ar6x1 { padding-bottom: calc(((100% - 105px) / 6) * .1667); }
		
	/* 20px Margins */

	.m20 .mb6up { width: calc((100% - 140px) / 6); padding-bottom: calc(((100% - 140px) / 6) * .75); }
		.m20 .mb6up.ar1x1 { padding-bottom: calc(((100% - 140px) / 6) * 1); }
		.m20 .mb6up.ar4x3 { padding-bottom: calc(((100% - 140px) / 6) * .75); }
		.m20 .mb6up.ar3x2 { padding-bottom: calc(((100% - 140px) / 6) * .6667); }
		.m20 .mb6up.ar16x9 { padding-bottom: calc(((100% - 140px) / 6) * .5625); }
		.m20 .mb6up.ar2x1 { padding-bottom: calc(((100% - 140px) / 6) * .5); }
		.m20 .mb6up.ar21x9 { padding-bottom: calc(((100% - 140px) / 6) * .4219); }
		.m20 .mb6up.ar3x1 { padding-bottom: calc(((100% - 140px) / 6) * .3333); }
		.m20 .mb6up.ar4x1 { padding-bottom: calc(((100% - 140px) / 6) * .25); }
		.m20 .mb6up.ar5x1 { padding-bottom: calc(((100% - 140px) / 6) * .20); }
		.m20 .mb6up.ar6x1 { padding-bottom: calc(((100% - 140px) / 6) * .1667); }

.nbm { margin-bottom: 0px !important; } /* Force No Bottom Margin */
.ntm { margin-top: 0px !important; } /* Force No Top Margin */
.np { padding-bottom: 0px !important; height: auto !important; } /* Force No Padding */
.show { overflow: visible; } /* Make Overflow Visible */