/* 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_302 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_302 .container:after, #stacks_in_302 .row:after, #stacks_in_302 .mbcol:after, #stacks_in_302 .clr:after, #stacks_in_302 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_302 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_302 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_302 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_302 .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_302 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_302 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_302 .mbspan_3 { margin:0; width: 25%; } #stacks_in_302 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_302 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_302 .mbspan_6 { margin:0; width: 50%; } #stacks_in_302 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_302 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_302 .mbspan_9 { margin:0; width: 75%; } #stacks_in_302 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_302 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_302 .mbspan_12 { margin:0; width: 100%; } #stacks_in_302 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_302 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_302 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_302 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_302 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_302 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_302 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_302 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_302 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_302 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_302 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_302 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_306 { margin: 4px; padding: 5px; } #stacks_in_283 { margin: 4px; padding: 4px; } #stacks_in_287 { margin: 17px 10px 8px 10px; } /* 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_310 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_310 .container:after, #stacks_in_310 .row:after, #stacks_in_310 .mbcol:after, #stacks_in_310 .clr:after, #stacks_in_310 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_310 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_310 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_310 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_310 .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_310 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_310 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_310 .mbspan_3 { margin:0; width: 25%; } #stacks_in_310 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_310 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_310 .mbspan_6 { margin:0; width: 50%; } #stacks_in_310 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_310 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_310 .mbspan_9 { margin:0; width: 75%; } #stacks_in_310 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_310 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_310 .mbspan_12 { margin:0; width: 100%; } #stacks_in_310 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_310 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_310 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_310 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_310 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_310 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_310 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_310 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_310 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_310 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_310 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_310 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_311 { margin: 4px; padding: 5px; } #stacks_in_316 { margin: 4px; padding: 4px; } #stacks_in_285 { margin: 5px 10px 13px 10px; } /* 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_326 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_326 .container:after, #stacks_in_326 .row:after, #stacks_in_326 .mbcol:after, #stacks_in_326 .clr:after, #stacks_in_326 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_326 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_326 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_326 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_326 .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_326 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_326 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_326 .mbspan_3 { margin:0; width: 25%; } #stacks_in_326 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_326 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_326 .mbspan_6 { margin:0; width: 50%; } #stacks_in_326 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_326 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_326 .mbspan_9 { margin:0; width: 75%; } #stacks_in_326 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_326 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_326 .mbspan_12 { margin:0; width: 100%; } #stacks_in_326 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_326 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_326 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_326 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_326 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_326 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_326 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_326 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_326 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_326 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_326 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_326 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_389 { margin: 5px 10px 13px 10px; } #stacks_in_390>.s3_row { margin: 0 -10px; } #stacks_in_390>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_390>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_390>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_390>.s3_row { margin: -10px 0; } #stacks_in_390>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_332 { margin: 4px; padding: 4px; } #stacks_in_337 { margin: 5px 10px 13px 10px; } #stacks_in_360>.s3_row { margin: 0 -10px; } #stacks_in_360>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_360>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_360>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_360>.s3_row { margin: -10px 0; } #stacks_in_360>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_5_2.aspen_split{ position: relative; font-size: 15px; padding: 0px 0px 0px 0px; } @media screen and (min-width: 770px){ #stacks_in_5_2.aspen_split{ padding: 0px 0px 0px 0px; } } #stacks_in_5_2.aspen_split section.theme {position: relative;z-index: 1;} #stacks_in_5_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_5_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_5_2.aspen_split .bg{position: fixed;} @supports (-ms-ime-align:auto) { #stacks_in_5_2 .bg{ position: absolute; transform: none; background-attachment: fixed; } } #stacks_in_5_2.aspen_split{ text-align:left; background-image: linear-gradient(to bottom, rgba(252, 87, 41, 1.00), rgba(252, 87, 41, 1.00)); } #stacks_in_5_2.aspen_split{color:rgba(255, 255, 255, 1.00);} #stacks_in_5_2.aspen_split h1, #stacks_in_5_2.aspen_split h2, #stacks_in_5_2.aspen_split h3, #stacks_in_5_2.aspen_split h4, #stacks_in_5_2.aspen_split h5, #stacks_in_5_2.aspen_split h6{color: rgba(249, 246, 40, 1.00);} #stacks_in_5_2.aspen_split a{color: rgba(249, 246, 40, 1.00);} #stacks_in_5_2.aspen_split a:hover{color: rgba(255, 255, 255, 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_5_16 .mbcontainer { /*max-width: 890px;*/ /*margin: 0 auto; */ } /* SELF CLEARING FLOATS - CLEARFIX METHOD */ #stacks_in_5_16 .container:after, #stacks_in_5_16 .row:after, #stacks_in_5_16 .mbcol:after, #stacks_in_5_16 .clr:after, #stacks_in_5_16 .group:after { content: ""; display: table; clear: both; } /* DEFAULT ROW STYLES Set bottom padding according to preference */ #stacks_in_5_16 .mbrow { padding-bottom: 0em; } /* DEFAULT COLUMN STYLES */ #stacks_in_5_16 .mbcol { display: block; float: left; width: 100%; } @media ( min-width : 768px ) { #stacks_in_5_16 .gutters .mbcol { margin-left: 2% !important; } #stacks_in_5_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_5_16 .mbspan_1 { margin:0; width: 8.33333333333%; } #stacks_in_5_16 .mbspan_2 { margin:0; width: 16.6666666667%; } #stacks_in_5_16 .mbspan_3 { margin:0; width: 25%; } #stacks_in_5_16 .mbspan_4 { margin:0; width: 33.3333333333%; } #stacks_in_5_16 .mbspan_5 { margin:0; width: 41.6666666667%; } #stacks_in_5_16 .mbspan_6 { margin:0; width: 50%; } #stacks_in_5_16 .mbspan_7 { margin:0; width: 58.3333333333%; } #stacks_in_5_16 .mbspan_8 { margin:0; width: 66.6666666667%; } #stacks_in_5_16 .mbspan_9 { margin:0; width: 75%; } #stacks_in_5_16 .mbspan_10 { margin:0; width: 83.3333333333%; } #stacks_in_5_16 .mbspan_11 { margin:0; width: 91.6666666667%; } #stacks_in_5_16 .mbspan_12 { margin:0; width: 100%; } #stacks_in_5_16 .gutters .mbspan_1 { margin:0; width: 6.5%; } #stacks_in_5_16 .gutters .mbspan_2 { margin:0; width: 15.0%; } #stacks_in_5_16 .gutters .mbspan_3 { margin:0; width: 23.5%; } #stacks_in_5_16 .gutters .mbspan_4 { margin:0; width: 32.0%; } #stacks_in_5_16 .gutters .mbspan_5 { margin:0; width: 40.5%; } #stacks_in_5_16 .gutters .mbspan_6 { margin:0; width: 49.0%; } #stacks_in_5_16 .gutters .mbspan_7 { margin:0; width: 57.5%; } #stacks_in_5_16 .gutters .mbspan_8 { margin:0; width: 66.0%; } #stacks_in_5_16 .gutters .mbspan_9 { margin:0; width: 74.5%; } #stacks_in_5_16 .gutters .mbspan_10 { margin:0; width: 83.0%; } #stacks_in_5_16 .gutters .mbspan_11 { margin:0; width: 91.5%; } #stacks_in_5_16 .gutters .mbspan_12 { margin:0; width: 100%; } } #stacks_in_5_16 { margin: 10px 10px 20px 10px; padding: 15px; }