#stacks_in_12 { margin: 10px 0px 20px 0px; } /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_16 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_16 .container:after, #stacks_in_16 .row:after, #stacks_in_16 .mbcol:after, #stacks_in_16 .clr:after, #stacks_in_16 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_16 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_16 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_16 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_16 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_16 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_16 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_16 .mbspan_3 { margin:0; width: 25%; } #stacks_in_16 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_16 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_16 .mbspan_6 { margin:0; width: 50%; } #stacks_in_16 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_16 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_16 .mbspan_9 { margin:0; width: 75%; } #stacks_in_16 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_16 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_16 .mbspan_12 { margin:0; width: 100%; } #stacks_in_16 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_16 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_16 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_16 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_16 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_16 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_16 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_16 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_16 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_16 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_16 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_16 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_16 { margin: 20px 0px 20px 0px; } #stacks_in_20 { margin: 10px 0px 20px 0px; } #stacks_in_24_2.aspen_split{ position: relative; font-size: 15px; padding: 0px 0px 0px 0px; } @media screen and (min-width: 770px){ #stacks_in_24_2.aspen_split{ padding: 0px 0px 0px 0px; } } #stacks_in_24_2.aspen_split section.theme {position: relative;z-index: 1;} #stacks_in_24_2.aspen_split .bg-wrap {clip: rect(0, auto, auto, 0);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;} #stacks_in_24_2.aspen_split .bg{ position: absolute; display: block; top: 0;left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; transform: translateZ(0); will-change: transform; opacity: 0.3; } #stacks_in_24_2.aspen_split .bg{position: fixed;} @supports (-ms-ime-align:auto) { #stacks_in_24_2 .bg{ position: absolute; transform: none; background-attachment: fixed; } } #stacks_in_24_2.aspen_split{ text-align:center; background-image: linear-gradient(to bottom, rgba(252, 87, 41, 1.00), rgba(252, 87, 41, 1.00)); } #stacks_in_24_2.aspen_split{color:rgba(250, 248, 246, 1.00);} #stacks_in_24_2.aspen_split h1, #stacks_in_24_2.aspen_split h2, #stacks_in_24_2.aspen_split h3, #stacks_in_24_2.aspen_split h4, #stacks_in_24_2.aspen_split h5, #stacks_in_24_2.aspen_split h6{color: rgba(253, 250, 41, 1.00);} #stacks_in_24_2.aspen_split a{color: rgba(253, 250, 41, 1.00);} #stacks_in_24_2.aspen_split a:hover{color: rgba(250, 248, 246, 1.00);} /* IMPORT 12 COLUMN RESPONSIVE GS */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/scripts/boxsizing.htc); /* If you need support for IE7 and lower make sure the boxsizing.htc file is linked properly. More info here: https://github.com/Schepp/box-sizing-polyfill */ } /* MAIN CONTAINER Set the width to whatever you want the width of your site to be. */ #stacks_in_24_4 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_24_4 .container:after, #stacks_in_24_4 .row:after, #stacks_in_24_4 .mbcol:after, #stacks_in_24_4 .clr:after, #stacks_in_24_4 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_24_4 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_24_4 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_24_4 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_24_4 .gutters .mbcol:first-child { margin-left: 0 !important; } } /* COLUMN WIDTH ON DISPLAYS +768px You might need to play with media queries here to suite your design. */ @media ( min-width : 768px ) { #stacks_in_24_4 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_24_4 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_24_4 .mbspan_3 { margin:0; width: 25%; } #stacks_in_24_4 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_24_4 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_24_4 .mbspan_6 { margin:0; width: 50%; } #stacks_in_24_4 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_24_4 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_24_4 .mbspan_9 { margin:0; width: 75%; } #stacks_in_24_4 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_24_4 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_24_4 .mbspan_12 { margin:0; width: 100%; } #stacks_in_24_4 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_24_4 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_24_4 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_24_4 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_24_4 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_24_4 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_24_4 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_24_4 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_24_4 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_24_4 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_24_4 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_24_4 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_24_4 { margin: 40px 20px 25px 20px; padding: 3px; } /* PopupWindow stack v1.2.2 */ /* End of PopupWindow stack */