/**
 *
 * Flux Layout
 *
 * A dynamic percentage based CSS layout engine - https://github.com/Jonnyauk/flux-layout
 * Built for the Wonderflux WordPress theme framework - https://github.com/Jonnyauk/Wonderflux
 *
 * Free to use on any project and released under the GPLv2 license
 * Created by Jonny Allbut (copyright 2014). Exceptions include, but are not limited to:
 * Normalize - https://git.io/normalize - MIT License - project by Nicolas Gallagher, co-created with Jonathan Neal
 *
 * @package Wonderflux
 * @since Wonderflux 2.0
 *
 */


/********** Core containers **********/


.container { width:950px; margin:0 auto; }
.row { width:100%; margin:0 auto; }
#content { float: right; }


/********** Grid boxes **********/


div[class*="box-"] { float:left; }

.box-1-1, .box-16, .box-full { width:100%; }

.box-1-2, .box-1-half { width:50%; }

.box-1-4, .box-1-forth { width:25%; }
.box-2-4, .box-2-forth { width:50%; }
.box-3-4, .box-3-forth { width:75%; }

.box-1-5, .box-1-fifth { width:20%; }
.box-2-5, .box-2-fifth { width:40%; }
.box-3-5, .box-3-fifth { width:60%; }
.box-4-5, .box-4-fifth { width:80%; }

.box-1-8, .box-1-eighth { width:12.5%; }
.box-2-8, .box-2-eighth { width:25%; }
.box-3-8, .box-3-eighth { width:37.5%; }
.box-4-8, .box-4-eighth { width:50%; }
.box-5-8, .box-5-eighth { width:62.5%; }
.box-6-8, .box-6-eighth { width:75%; }
.box-7-8, .box-7-eighth { width:87.5%; }

.box-1-10, .box-1-tenth { width:10%; }
.box-2-10, .box-2-tenth { width:20%; }
.box-3-10, .box-3-tenth { width:30%; }
.box-4-10, .box-4-tenth { width:40%; }
.box-5-10, .box-5-tenth { width:50%; }
.box-6-10, .box-6-tenth { width:60%; }
.box-7-10, .box-7-tenth { width:70%; }
.box-8-10, .box-8-tenth { width:80%; }
.box-9-10, .box-9-tenth { width:90%; }

.box-1-16, .box-1, .box-1-sixteenth { width:6.25%; }
.box-2-16, .box-2, .box-2-sixteenth { width:12.5%; }
.box-3-16, .box-3, .box-3-sixteenth { width:18.75%; }
.box-4-16, .box-4, .box-4-sixteenth { width:25%; }
.box-5-16, .box-5, .box-5-sixteenth { width:31.25%; }
.box-6-16, .box-6, .box-6-sixteenth { width:37.5%; }
.box-7-16, .box-7, .box-7-sixteenth { width:43.75%; }
.box-8-16, .box-8, .box-8-sixteenth { width:50%; }
.box-9-16, .box-9, .box-9-sixteenth { width:56.25%; }
.box-10-16, .box-10, .box-10-sixteenth { width:62.5%; }
.box-11-16, .box-11, .box-11-sixteenth { width:68.75%; }
.box-12-16, .box-12, .box-12-sixteenth { width:75%; }
.box-13-16, .box-13, .box-13-sixteenth { width:81.25%; }
.box-14-16, .box-14, .box-14-sixteenth { width:87.5%; }
.box-15-16, .box-15, .box-15-sixteenth { width:93.75%; }


/********** Push and pull **********/


.push-1-2 { margin-left:50%; }
.pull-1-2 { margin-left:-50%; }

.push-1-4 { margin-left:25%; }
.push-2-4 { margin-left:50%; }
.push-3-4 { margin-left:75%; }
.pull-1-4 { margin-left:-25%; }
.pull-2-4 { margin-left:-50%; }
.pull-3-4 { margin-left:-75%; }

.push-1-5 { margin-left:20%; }
.push-2-5 { margin-left:40%; }
.push-3-5 { margin-left:60%; }
.push-4-5 { margin-left:80%; }
.pull-1-5 { margin-left:-20%; }
.pull-2-5 { margin-left:-40%; }
.pull-3-5 { margin-left:-60%; }
.pull-4-5 { margin-left:-80%; }

.push-1-8 { margin-left:12.5%; }
.push-2-8 { margin-left:25%; }
.push-3-8 { margin-left:37.5%; }
.push-4-8 { margin-left:50%; }
.push-5-8 { margin-left:62.5%; }
.push-6-8 { margin-left:75%; }
.push-7-8 { margin-left:87.5%; }
.pull-1-8 { margin-left:-12.5%; }
.pull-2-8 { margin-left:-25%; }
.pull-3-8 { margin-left:-37.5%; }
.pull-4-8 { margin-left:-50%; }
.pull-5-8 { margin-left:-62.5%; }
.pull-6-8 { margin-left:-75%; }
.pull-7-8 { margin-left:-87.5%; }

.push-1-10 { margin-left:10%; }
.push-2-10 { margin-left:20%; }
.push-3-10 { margin-left:30%; }
.push-4-10 { margin-left:40%; }
.push-5-10 { margin-left:50%; }
.push-6-10 { margin-left:60%; }
.push-7-10 { margin-left:70%; }
.push-8-10 { margin-left:80%; }
.push-9-10 { margin-left:90%; }
.pull-1-10 { margin-left:-10%; }
.pull-2-10 { margin-left:-20%; }
.pull-3-10 { margin-left:-30%; }
.pull-4-10 { margin-left:-40%; }
.pull-5-10 { margin-left:-50%; }
.pull-6-10 { margin-left:-60%; }
.pull-7-10 { margin-left:-70%; }
.pull-8-10 { margin-left:-80%; }
.pull-9-10 { margin-left:-90%; }

.push-1-16 { margin-left:6.25%; }
.push-2-16 { margin-left:12.5%; }
.push-3-16 { margin-left:18.75%; }
.push-4-16 { margin-left:25%; }
.push-5-16 { margin-left:31.25%; }
.push-6-16 { margin-left:37.5%; }
.push-7-16 { margin-left:43.75%; }
.push-8-16 { margin-left:50%; }
.push-9-16 { margin-left:56.25%; }
.push-10-16 { margin-left:62.5%; }
.push-11-16 { margin-left:68.75%; }
.push-12-16 { margin-left:75%; }
.push-13-16 { margin-left:81.25%; }
.push-14-16 { margin-left:87.5%; }
.push-15-16 { margin-left:93.75%; }
.pull-1-16 { margin-left:-6.25%; }
.pull-2-16 { margin-left:-12.5%; }
.pull-3-16 { margin-left:-18.75%; }
.pull-4-16 { margin-left:-25%; }
.pull-5-16 { margin-left:-31.25%; }
.pull-6-16 { margin-left:-37.5%; }
.pull-7-16 { margin-left:-43.75%; }
.pull-8-16 { margin-left:-50%; }
.pull-9-16 { margin-left:-56.25%; }
.pull-10-16 { margin-left:-62.5%; }
.pull-11-16 { margin-left:-68.75%; }
.pull-12-16 { margin-left:-75%; }
.pull-13-16 { margin-left:-81.25%; }
.pull-14-16 { margin-left:-87.5%; }
.pull-15-16 { margin-left:-93.75%; }


/********** Traditional columns **********/


div[class*="column-"] { float:left; margin-left: 2%; }
.row.column div:first-child { margin-left: 0; }

.column-1-2, .column-1-half { width:49%; }

.column-1-4, .column-1-forth { width:23.5%; }
.column-2-4, .column-2-forth { width:49%; }
.column-3-4, .column-3-forth { width:74.5%; }

.column-1-5, .column-1-fifth { width:18.4%; }
.column-2-5, .column-2-fifth { width:38.8%; }
.column-3-5, .column-3-fifth { width:59.2%; }
.column-4-5, .column-4-fifth { width:79.6%; }

.column-1-8, .column-1-eighth { width:10.75%; }
.column-2-8, .column-2-eighth { width:23.5%; }
.column-3-8, .column-3-eighth { width:36.25%; }
.column-4-8, .column-4-eighth { width:49%; }
.column-5-8, .column-5-eighth { width:61.75%; }
.column-6-8, .column-6-eighth { width:74.5%; }
.column-7-8, .column-7-eighth { width:87.25%; }

.column-1-10, .column-1-tenth { width:8.2%; }
.column-2-10, .column-2-tenth { width:18.4%; }
.column-3-10, .column-3-tenth { width:28.6%; }
.column-4-10, .column-4-tenth { width:38.8%; }
.column-5-10, .column-5-tenth { width:49%; }
.column-6-10, .column-6-tenth { width:59.2%; }
.column-7-10, .column-7-tenth { width:69.4%; }
.column-8-10, .column-8-tenth { width:79.6%; }
.column-9-10, .column-9-tenth { width:89.8%; }

.column-1-16, .column-1-sixteenth { width:4.375%; }
.column-2-16, .column-2-sixteenth { width:10.75%; }
.column-3-16, .column-3-sixteenth { width:17.125%; }
.column-4-16, .column-4-sixteenth { width:23.5%; }
.column-5-16, .column-5-sixteenth { width:29.875%; }
.column-6-16, .column-6-sixteenth { width:36.25%; }
.column-7-16, .column-7-sixteenth { width:42.625%; }
.column-8-16, .column-8-sixteenth { width:49%; }
.column-9-16, .column-9-sixteenth { width:55.375%; }
.column-10-16, .column-10-sixteenth { width:61.75%; }
.column-11-16, .column-11-sixteenth { width:68.125%; }
.column-12-16, .column-12-sixteenth { width:74.5%; }
.column-13-16, .column-13-sixteenth { width:80.875%; }
.column-14-16, .column-14-sixteenth { width:87.25%; }
.column-15-16, .column-15-sixteenth { width:93.625%; }


/********** Visibility Media Queries **********/


/* mq-tiny: Tiny screens - small portrait phones */
@media screen and (max-width:480px) {
.mq-tiny-min-show { display:block; }
.mq-large-min-hide, .mq-medium-min-hide, .mq-small-min-hide { display:block; }
.mq-large-min-show, .mq-medium-min-show, .mq-small-min-show { display:none; }
.mq-tiny-min-hide { display:none; }
}


/* mq-small: Small screens - Lower spec landscape phones and some portrait tablets */
@media screen and (min-width:481px) {
.mq-tiny-min-show, .mq-small-min-show { display:block; }
.mq-large-min-hide, .mq-medium-min-hide { display:block; }
.mq-large-min-show, .mq-medium-min-show { display:none; }
.mq-tiny-min-hide, .mq-small-min-hide { display:none; }
}


/* mq-medium: Medium screens - Standard computers and landscape tablets */
@media screen and (min-width:769px) {
.mq-tiny-min-show, .mq-small-min-show, .mq-medium-min-show { display:block; }
.mq-large-min-hide { display:block; }
.mq-large-min-show { display:none; }
.mq-tiny-min-hide, .mq-small-min-hide, .mq-medium-min-hide { display:none; }
}


/* mq-large: Large screens - Swanky hi-res screens */
@media screen and (min-width:1410px) {
.mq-tiny-min-show, .mq-small-min-show, .mq-medium-min-show, .mq-large-min-show { display:block; }
.mq-tiny-min-hide, .mq-small-min-hide, .mq-medium-min-hide, .mq-large-min-hide { display:none; }
}


/********** Layout Media Queries **********/


div[class*="mq-tiny-box-"], div[class*="mq-small-box-"], div[class*="mq-medium-box-"], div[class*="mq-large-box-"] { float:left; }

/* mq-tiny: Tiny screens - small portrait phones */
@media screen and (max-width:480px) {
 span.mq-tiny-keep { display:block; }
 .mq-tiny-hide { display: none; }
 .mq-small-only, .mq-medium-only, .mq-large-only { display: none; }
 /***** Boxes *****/
 .mq-tiny-box-1-1, .mq-tiny-min-box-1-1, .mq-small-min-box-1-1, .mq-medium-min-box-1-1, .mq-large-min-box-1-1 { width:100%; }
 .mq-tiny-box-1-2, .mq-tiny-min-box-1-2, .mq-small-min-box-1-2, .mq-medium-min-box-1-2, .mq-large-min-box-1-2 { width:50%; }
 .mq-tiny-box-1-4, .mq-tiny-min-box-1-4, .mq-small-min-box-1-4, .mq-medium-min-box-1-4, .mq-large-min-box-1-4 { width:25%; }
 .mq-tiny-box-2-4, .mq-tiny-min-box-2-4, .mq-small-min-box-2-4, .mq-medium-min-box-2-4, .mq-large-min-box-2-4 { width:50%; }
 .mq-tiny-box-3-4, .mq-tiny-min-box-3-4, .mq-small-min-box-3-4, .mq-medium-min-box-3-4, .mq-large-min-box-3-4 { width:75%; }
 .mq-tiny-box-1-5, .mq-tiny-min-box-1-5, .mq-small-min-box-1-5, .mq-medium-min-box-1-5, .mq-large-min-box-1-5 { width:20%; }
 .mq-tiny-box-2-5, .mq-tiny-min-box-2-5, .mq-small-min-box-2-5, .mq-medium-min-box-2-5, .mq-large-min-box-2-5 { width:40%; }
 .mq-tiny-box-3-5, .mq-tiny-min-box-3-5, .mq-small-min-box-3-5, .mq-medium-min-box-3-5, .mq-large-min-box-3-5 { width:60%; }
 .mq-tiny-box-4-5, .mq-tiny-min-box-4-5, .mq-small-min-box-4-5, .mq-medium-min-box-4-5, .mq-large-min-box-4-5 { width:80%; }
 .mq-tiny-box-1-8, .mq-tiny-min-box-1-8, .mq-small-min-box-1-8, .mq-medium-min-box-1-8, .mq-large-min-box-1-8 { width:12.5%; }
 .mq-tiny-box-2-8, .mq-tiny-min-box-2-8, .mq-small-min-box-2-8, .mq-medium-min-box-2-8, .mq-large-min-box-2-8 { width:25%; }
 .mq-tiny-box-3-8, .mq-tiny-min-box-3-8, .mq-small-min-box-3-8, .mq-medium-min-box-3-8, .mq-large-min-box-3-8 { width:37.5%; }
 .mq-tiny-box-4-8, .mq-tiny-min-box-4-8, .mq-small-min-box-4-8, .mq-medium-min-box-4-8, .mq-large-min-box-4-8 { width:50%; }
 .mq-tiny-box-5-8, .mq-tiny-min-box-5-8, .mq-small-min-box-5-8, .mq-medium-min-box-5-8, .mq-large-min-box-5-8 { width:62.5%; }
 .mq-tiny-box-6-8, .mq-tiny-min-box-6-8, .mq-small-min-box-6-8, .mq-medium-min-box-6-8, .mq-large-min-box-6-8 { width:75%; }
 .mq-tiny-box-7-8, .mq-tiny-min-box-7-8, .mq-small-min-box-7-8, .mq-medium-min-box-7-8, .mq-large-min-box-7-8 { width:87.5%; }
 .mq-tiny-box-1-10, .mq-tiny-min-box-1-10, .mq-small-min-box-1-10, .mq-medium-min-box-1-10, .mq-large-min-box-1-10 { width:10%; }
 .mq-tiny-box-2-10, .mq-tiny-min-box-2-10, .mq-small-min-box-2-10, .mq-medium-min-box-2-10, .mq-large-min-box-2-10 { width:20%; }
 .mq-tiny-box-3-10, .mq-tiny-min-box-3-10, .mq-small-min-box-3-10, .mq-medium-min-box-3-10, .mq-large-min-box-3-10 { width:30%; }
 .mq-tiny-box-4-10, .mq-tiny-min-box-4-10, .mq-small-min-box-4-10, .mq-medium-min-box-4-10, .mq-large-min-box-4-10 { width:40%; }
 .mq-tiny-box-5-10, .mq-tiny-min-box-5-10, .mq-small-min-box-5-10, .mq-medium-min-box-5-10, .mq-large-min-box-5-10 { width:50%; }
 .mq-tiny-box-6-10, .mq-tiny-min-box-6-10, .mq-small-min-box-6-10, .mq-medium-min-box-6-10, .mq-large-min-box-6-10 { width:60%; }
 .mq-tiny-box-7-10, .mq-tiny-min-box-7-10, .mq-small-min-box-7-10, .mq-medium-min-box-7-10, .mq-large-min-box-7-10 { width:70%; }
 .mq-tiny-box-8-10, .mq-tiny-min-box-8-10, .mq-small-min-box-8-10, .mq-medium-min-box-8-10, .mq-large-min-box-8-10 { width:80%; }
 .mq-tiny-box-9-10, .mq-tiny-min-box-9-10, .mq-small-min-box-9-10, .mq-medium-min-box-9-10, .mq-large-min-box-9-10 { width:90%; }
 .mq-tiny-box-1-16, .mq-tiny-min-box-1-16, .mq-small-min-box-1-16, .mq-medium-min-box-1-16, .mq-large-min-box-1-16 { width:6.25%; }
 .mq-tiny-box-2-16, .mq-tiny-min-box-2-16, .mq-small-min-box-2-16, .mq-medium-min-box-2-16, .mq-large-min-box-2-16 { width:12.5%; }
 .mq-tiny-box-3-16, .mq-tiny-min-box-3-16, .mq-small-min-box-3-16, .mq-medium-min-box-3-16, .mq-large-min-box-3-16 { width:18.75%; }
 .mq-tiny-box-4-16, .mq-tiny-min-box-4-16, .mq-small-min-box-4-16, .mq-medium-min-box-4-16, .mq-large-min-box-4-16 { width:25%; }
 .mq-tiny-box-5-16, .mq-tiny-min-box-5-16, .mq-small-min-box-5-16, .mq-medium-min-box-5-16, .mq-large-min-box-5-16 { width:31.25%; }
 .mq-tiny-box-6-16, .mq-tiny-min-box-6-16, .mq-small-min-box-6-16, .mq-medium-min-box-6-16, .mq-large-min-box-6-16 { width:37.5%; }
 .mq-tiny-box-7-16, .mq-tiny-min-box-7-16, .mq-small-min-box-7-16, .mq-medium-min-box-7-16, .mq-large-min-box-7-16 { width:43.75%; }
 .mq-tiny-box-8-16, .mq-tiny-min-box-8-16, .mq-small-min-box-8-16, .mq-medium-min-box-8-16, .mq-large-min-box-8-16 { width:50%; }
 .mq-tiny-box-9-16, .mq-tiny-min-box-9-16, .mq-small-min-box-9-16, .mq-medium-min-box-9-16, .mq-large-min-box-9-16 { width:56.25%; }
 .mq-tiny-box-10-16, .mq-tiny-min-box-10-16, .mq-small-min-box-10-16, .mq-medium-min-box-10-16, .mq-large-min-box-10-16 { width:62.5%; }
 .mq-tiny-box-11-16, .mq-tiny-min-box-11-16, .mq-small-min-box-11-16, .mq-medium-min-box-11-16, .mq-large-min-box-11-16 { width:68.75%; }
 .mq-tiny-box-12-16, .mq-tiny-min-box-12-16, .mq-small-min-box-12-16, .mq-medium-min-box-12-16, .mq-large-min-box-12-16 { width:75%; }
 .mq-tiny-box-13-16, .mq-tiny-min-box-13-16, .mq-small-min-box-13-16, .mq-medium-min-box-13-16, .mq-large-min-box-13-16 { width:81.25%; }
 .mq-tiny-box-14-16, .mq-tiny-min-box-14-16, .mq-small-min-box-14-16, .mq-medium-min-box-14-16, .mq-large-min-box-14-16 { width:87.5%; }
 .mq-tiny-box-15-16, .mq-tiny-min-box-15-16, .mq-small-min-box-15-16, .mq-medium-min-box-15-16, .mq-large-min-box-15-16 { width:93.75%; }
}

/* mq-small: Small screens - Lower spec landscape phones and some portrait tablets */
@media screen and (min-width:481px) and (max-width:768px) {
 span.mq-small-keep { display:block; }
 .mq-small-hide { display: none; }
 .mq-tiny-only, .mq-medium-only, .mq-large-only { display: none; }
 /***** Boxes *****/
 .mq-small-box-1-1, .mq-small-min-box-1-1, .mq-medium-min-box-1-1, .mq-large-min-box-1-1 { width:100%; }
 .mq-small-box-1-2, .mq-small-min-box-1-2, .mq-medium-min-box-1-2, .mq-large-min-box-1-2 { width:50%; }
 .mq-small-box-1-4, .mq-small-min-box-1-4, .mq-medium-min-box-1-4, .mq-large-min-box-1-4 { width:25%; }
 .mq-small-box-2-4, .mq-small-min-box-2-4, .mq-medium-min-box-2-4, .mq-large-min-box-2-4 { width:50%; }
 .mq-small-box-3-4, .mq-small-min-box-3-4, .mq-medium-min-box-3-4, .mq-large-min-box-3-4 { width:75%; }
 .mq-small-box-1-5, .mq-small-min-box-1-5, .mq-medium-min-box-1-5, .mq-large-min-box-1-5 { width:20%; }
 .mq-small-box-2-5, .mq-small-min-box-2-5, .mq-medium-min-box-2-5, .mq-large-min-box-2-5 { width:40%; }
 .mq-small-box-3-5, .mq-small-min-box-3-5, .mq-medium-min-box-3-5, .mq-large-min-box-3-5 { width:60%; }
 .mq-small-box-4-5, .mq-small-min-box-4-5, .mq-medium-min-box-4-5, .mq-large-min-box-4-5 { width:80%; }
 .mq-small-box-1-8, .mq-small-min-box-1-8, .mq-medium-min-box-1-8, .mq-large-min-box-1-8 { width:12.5%; }
 .mq-small-box-2-8, .mq-small-min-box-2-8, .mq-medium-min-box-2-8, .mq-large-min-box-2-8 { width:25%; }
 .mq-small-box-3-8, .mq-small-min-box-3-8, .mq-medium-min-box-3-8, .mq-large-min-box-3-8 { width:37.5%; }
 .mq-small-box-4-8, .mq-small-min-box-4-8, .mq-medium-min-box-4-8, .mq-large-min-box-4-8 { width:50%; }
 .mq-small-box-5-8, .mq-small-min-box-5-8, .mq-medium-min-box-5-8, .mq-large-min-box-5-8 { width:62.5%; }
 .mq-small-box-6-8, .mq-small-min-box-6-8, .mq-medium-min-box-6-8, .mq-large-min-box-6-8 { width:75%; }
 .mq-small-box-7-8, .mq-small-min-box-7-8, .mq-medium-min-box-7-8, .mq-large-min-box-7-8 { width:87.5%; }
 .mq-small-box-1-10, .mq-small-min-box-1-10, .mq-medium-min-box-1-10, .mq-large-min-box-1-10 { width:10%; }
 .mq-small-box-2-10, .mq-small-min-box-2-10, .mq-medium-min-box-2-10, .mq-large-min-box-2-10 { width:20%; }
 .mq-small-box-3-10, .mq-small-min-box-3-10, .mq-medium-min-box-3-10, .mq-large-min-box-3-10 { width:30%; }
 .mq-small-box-4-10, .mq-small-min-box-4-10, .mq-medium-min-box-4-10, .mq-large-min-box-4-10 { width:40%; }
 .mq-small-box-5-10, .mq-small-min-box-5-10, .mq-medium-min-box-5-10, .mq-large-min-box-5-10 { width:50%; }
 .mq-small-box-6-10, .mq-small-min-box-6-10, .mq-medium-min-box-6-10, .mq-large-min-box-6-10 { width:60%; }
 .mq-small-box-7-10, .mq-small-min-box-7-10, .mq-medium-min-box-7-10, .mq-large-min-box-7-10 { width:70%; }
 .mq-small-box-8-10, .mq-small-min-box-8-10, .mq-medium-min-box-8-10, .mq-large-min-box-8-10 { width:80%; }
 .mq-small-box-9-10, .mq-small-min-box-9-10, .mq-medium-min-box-9-10, .mq-large-min-box-9-10 { width:90%; }
 .mq-small-box-1-16, .mq-small-min-box-1-16, .mq-medium-min-box-1-16, .mq-large-min-box-1-16 { width:6.25%; }
 .mq-small-box-2-16, .mq-small-min-box-2-16, .mq-medium-min-box-2-16, .mq-large-min-box-2-16 { width:12.5%; }
 .mq-small-box-3-16, .mq-small-min-box-3-16, .mq-medium-min-box-3-16, .mq-large-min-box-3-16 { width:18.75%; }
 .mq-small-box-4-16, .mq-small-min-box-4-16, .mq-medium-min-box-4-16, .mq-large-min-box-4-16 { width:25%; }
 .mq-small-box-5-16, .mq-small-min-box-5-16, .mq-medium-min-box-5-16, .mq-large-min-box-5-16 { width:31.25%; }
 .mq-small-box-6-16, .mq-small-min-box-6-16, .mq-medium-min-box-6-16, .mq-large-min-box-6-16 { width:37.5%; }
 .mq-small-box-7-16, .mq-small-min-box-7-16, .mq-medium-min-box-7-16, .mq-large-min-box-7-16 { width:43.75%; }
 .mq-small-box-8-16, .mq-small-min-box-8-16, .mq-medium-min-box-8-16, .mq-large-min-box-8-16 { width:50%; }
 .mq-small-box-9-16, .mq-small-min-box-9-16, .mq-medium-min-box-9-16, .mq-large-min-box-9-16 { width:56.25%; }
 .mq-small-box-10-16, .mq-small-min-box-10-16, .mq-medium-min-box-10-16, .mq-large-min-box-10-16 { width:62.5%; }
 .mq-small-box-11-16, .mq-small-min-box-11-16, .mq-medium-min-box-11-16, .mq-large-min-box-11-16 { width:68.75%; }
 .mq-small-box-12-16, .mq-small-min-box-12-16, .mq-medium-min-box-12-16, .mq-large-min-box-12-16 { width:75%; }
 .mq-small-box-13-16, .mq-small-min-box-13-16, .mq-medium-min-box-13-16, .mq-large-min-box-13-16 { width:81.25%; }
 .mq-small-box-14-16, .mq-small-min-box-14-16, .mq-medium-min-box-14-16, .mq-large-min-box-14-16 { width:87.5%; }
 .mq-small-box-15-16, .mq-small-min-box-15-16, .mq-medium-min-box-15-16, .mq-large-min-box-15-16 { width:93.75%; }
}

/* mq-medium: Medium screens - Standard computers and landscape tablets */
@media screen and (min-width:769px) and (max-width:1409px) {
 span.mq-medium-keep { display:block; }
 .mq-medium-hide { display: none; }
 .mq-tiny-only, .mq-small-only, .mq-large-only { display: none; }
 /***** Boxes *****/
 .mq-medium-box-1-1, .mq-medium-min-box-1-1, .mq-large-min-box-1-1 { width:100%; }
 .mq-medium-box-1-2, .mq-medium-min-box-1-2, .mq-large-min-box-1-2 { width:50%; }
 .mq-medium-box-1-4, .mq-medium-min-box-1-4, .mq-large-min-box-1-4 { width:25%; }
 .mq-medium-box-2-4, .mq-medium-min-box-2-4, .mq-large-min-box-2-4 { width:50%; }
 .mq-medium-box-3-4, .mq-medium-min-box-3-4, .mq-large-min-box-3-4 { width:75%; }
 .mq-medium-box-1-5, .mq-medium-min-box-1-5, .mq-large-min-box-1-5 { width:20%; }
 .mq-medium-box-2-5, .mq-medium-min-box-2-5, .mq-large-min-box-2-5 { width:40%; }
 .mq-medium-box-3-5, .mq-medium-min-box-3-5, .mq-large-min-box-3-5 { width:60%; }
 .mq-medium-box-4-5, .mq-medium-min-box-4-5, .mq-large-min-box-4-5 { width:80%; }
 .mq-medium-box-1-8, .mq-medium-min-box-1-8, .mq-large-min-box-1-8 { width:12.5%; }
 .mq-medium-box-2-8, .mq-medium-min-box-2-8, .mq-large-min-box-2-8 { width:25%; }
 .mq-medium-box-3-8, .mq-medium-min-box-3-8, .mq-large-min-box-3-8 { width:37.5%; }
 .mq-medium-box-4-8, .mq-medium-min-box-4-8, .mq-large-min-box-4-8 { width:50%; }
 .mq-medium-box-5-8, .mq-medium-min-box-5-8, .mq-large-min-box-5-8 { width:62.5%; }
 .mq-medium-box-6-8, .mq-medium-min-box-6-8, .mq-large-min-box-6-8 { width:75%; }
 .mq-medium-box-7-8, .mq-medium-min-box-7-8, .mq-large-min-box-7-8 { width:87.5%; }
 .mq-medium-box-1-10, .mq-medium-min-box-1-10, .mq-large-min-box-1-10 { width:10%; }
 .mq-medium-box-2-10, .mq-medium-min-box-2-10, .mq-large-min-box-2-10 { width:20%; }
 .mq-medium-box-3-10, .mq-medium-min-box-3-10, .mq-large-min-box-3-10 { width:30%; }
 .mq-medium-box-4-10, .mq-medium-min-box-4-10, .mq-large-min-box-4-10 { width:40%; }
 .mq-medium-box-5-10, .mq-medium-min-box-5-10, .mq-large-min-box-5-10 { width:50%; }
 .mq-medium-box-6-10, .mq-medium-min-box-6-10, .mq-large-min-box-6-10 { width:60%; }
 .mq-medium-box-7-10, .mq-medium-min-box-7-10, .mq-large-min-box-7-10 { width:70%; }
 .mq-medium-box-8-10, .mq-medium-min-box-8-10, .mq-large-min-box-8-10 { width:80%; }
 .mq-medium-box-9-10, .mq-medium-min-box-9-10, .mq-large-min-box-9-10 { width:90%; }
 .mq-medium-box-1-16, .mq-medium-min-box-1-16, .mq-large-min-box-1-16 { width:6.25%; }
 .mq-medium-box-2-16, .mq-medium-min-box-2-16, .mq-large-min-box-2-16 { width:12.5%; }
 .mq-medium-box-3-16, .mq-medium-min-box-3-16, .mq-large-min-box-3-16 { width:18.75%; }
 .mq-medium-box-4-16, .mq-medium-min-box-4-16, .mq-large-min-box-4-16 { width:25%; }
 .mq-medium-box-5-16, .mq-medium-min-box-5-16, .mq-large-min-box-5-16 { width:31.25%; }
 .mq-medium-box-6-16, .mq-medium-min-box-6-16, .mq-large-min-box-6-16 { width:37.5%; }
 .mq-medium-box-7-16, .mq-medium-min-box-7-16, .mq-large-min-box-7-16 { width:43.75%; }
 .mq-medium-box-8-16, .mq-medium-min-box-8-16, .mq-large-min-box-8-16 { width:50%; }
 .mq-medium-box-9-16, .mq-medium-min-box-9-16, .mq-large-min-box-9-16 { width:56.25%; }
 .mq-medium-box-10-16, .mq-medium-min-box-10-16, .mq-large-min-box-10-16 { width:62.5%; }
 .mq-medium-box-11-16, .mq-medium-min-box-11-16, .mq-large-min-box-11-16 { width:68.75%; }
 .mq-medium-box-12-16, .mq-medium-min-box-12-16, .mq-large-min-box-12-16 { width:75%; }
 .mq-medium-box-13-16, .mq-medium-min-box-13-16, .mq-large-min-box-13-16 { width:81.25%; }
 .mq-medium-box-14-16, .mq-medium-min-box-14-16, .mq-large-min-box-14-16 { width:87.5%; }
 .mq-medium-box-15-16, .mq-medium-min-box-15-16, .mq-large-min-box-15-16 { width:93.75%; }
}

/* mq-large: Large screens - Swanky hi-res screens */
@media screen and (min-width:1410px) {
 span.mq-large-keep { display:block; }
 .mq-large-hide { display: none; }
 .mq-tiny-only, .mq-small-only, .mq-medium-only { display: none; }
 /***** Boxes *****/
 .mq-large-box-1-1, .mq-large-min-box-1-1 { width:100%; }
 .mq-large-box-1-2, .mq-large-min-box-1-2 { width:50%; }
 .mq-large-box-1-4, .mq-large-min-box-1-4 { width:25%; }
 .mq-large-box-2-4, .mq-large-min-box-2-4 { width:50%; }
 .mq-large-box-3-4, .mq-large-min-box-3-4 { width:75%; }
 .mq-large-box-1-5, .mq-large-min-box-1-5 { width:20%; }
 .mq-large-box-2-5, .mq-large-min-box-2-5 { width:40%; }
 .mq-large-box-3-5, .mq-large-min-box-3-5 { width:60%; }
 .mq-large-box-4-5, .mq-large-min-box-4-5 { width:80%; }
 .mq-large-box-1-8, .mq-large-min-box-1-8 { width:12.5%; }
 .mq-large-box-2-8, .mq-large-min-box-2-8 { width:25%; }
 .mq-large-box-3-8, .mq-large-min-box-3-8 { width:37.5%; }
 .mq-large-box-4-8, .mq-large-min-box-4-8 { width:50%; }
 .mq-large-box-5-8, .mq-large-min-box-5-8 { width:62.5%; }
 .mq-large-box-6-8, .mq-large-min-box-6-8 { width:75%; }
 .mq-large-box-7-8, .mq-large-min-box-7-8 { width:87.5%; }
 .mq-large-box-1-10, .mq-large-min-box-1-10 { width:10%; }
 .mq-large-box-2-10, .mq-large-min-box-2-10 { width:20%; }
 .mq-large-box-3-10, .mq-large-min-box-3-10 { width:30%; }
 .mq-large-box-4-10, .mq-large-min-box-4-10 { width:40%; }
 .mq-large-box-5-10, .mq-large-min-box-5-10 { width:50%; }
 .mq-large-box-6-10, .mq-large-min-box-6-10 { width:60%; }
 .mq-large-box-7-10, .mq-large-min-box-7-10 { width:70%; }
 .mq-large-box-8-10, .mq-large-min-box-8-10 { width:80%; }
 .mq-large-box-9-10, .mq-large-min-box-9-10 { width:90%; }
 .mq-large-box-1-16, .mq-large-min-box-1-16 { width:6.25%; }
 .mq-large-box-2-16, .mq-large-min-box-2-16 { width:12.5%; }
 .mq-large-box-3-16, .mq-large-min-box-3-16 { width:18.75%; }
 .mq-large-box-4-16, .mq-large-min-box-4-16 { width:25%; }
 .mq-large-box-5-16, .mq-large-min-box-5-16 { width:31.25%; }
 .mq-large-box-6-16, .mq-large-min-box-6-16 { width:37.5%; }
 .mq-large-box-7-16, .mq-large-min-box-7-16 { width:43.75%; }
 .mq-large-box-8-16, .mq-large-min-box-8-16 { width:50%; }
 .mq-large-box-9-16, .mq-large-min-box-9-16 { width:56.25%; }
 .mq-large-box-10-16, .mq-large-min-box-10-16 { width:62.5%; }
 .mq-large-box-11-16, .mq-large-min-box-11-16 { width:68.75%; }
 .mq-large-box-12-16, .mq-large-min-box-12-16 { width:75%; }
 .mq-large-box-13-16, .mq-large-min-box-13-16 { width:81.25%; }
 .mq-large-box-14-16, .mq-large-min-box-14-16 { width:87.5%; }
 .mq-large-box-15-16, .mq-large-min-box-15-16 { width:93.75%; }
}