/*!
 * MX-Generic CSS Library v0.0.1
 *
 * Copyright JS Foundation and other contributors
 * Released under the MIT license
 * https://jquery.org/license
 *
 * Date: 2017-011-07T23:19Z
 */

.mxd-fbg{ /* Fixed button group */
	bottom: -2px;
	right: 10px;
}

.mxd-smig{ /* Social media icon group */
	font-size: 30px;
}

.mxd-box {
    position: relative
}

.mxd-box:before {
    content: '';
    display: block;
    padding-top: 100%
}

.mxd-box > div:first-child{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.mxd-box-2-1:before {
    padding-top: 50%
}

.mxd-box-1-2:before {
    padding-top: 200%
}

.mxd-box-4-3:before {
    padding-top: 75%
}

.mxd-box-16-9:before {
    padding-top: 56.25%
}

.mxd-box-11:before {
    padding-top: 91.66666667%
}

.mxd-box-10:before {
    padding-top: 83.33333333%
}

.mxd-box-9:before {
    padding-top: 75%
}

.mxd-box-8:before {
    padding-top: 66.66666667%
}

.mxd-box-7:before {
    padding-top: 58.33333333%
}

.mxd-box-6:before {
    padding-top: 50%
}

.mxd-box-5:before {
    padding-top: 41.66666667%
}

.mxd-box-4:before {
    padding-top: 33.33333333%
}

.mxd-box-3:before {
    padding-top: 25%
}

.mxd-box-2:before {
    padding-top: 16.66666667%
}

.mxd-box-1:before {
    padding-top: 8.33333333%
}