snipt

Ctrl+h for KB shortcuts

SCSS

Responsive Breakpoints & Grid by Mcnamme

////////////////////////////////////////
///// Media Queries Breakpoints ////////
////////////////////////////////////////

/* Do not Edit! */

// Extra small screen
$grid_xs:                  479px;
$grid_xs_min:              300px;
$grid_xs_max:              $grid_xs;

// Small screen / tablet
$grid_s:                  767px;
$grid_s_min:              ($grid_xs + 1);
$grid_s_max:              $grid_s;

// Medium screen / tablet
$grid_m:                  1023px;
$grid_m_min:              ($grid_s + 1);
$grid_m_max:              $grid_m;

// Large screen / desktop
$grid_l:                  1199px;
$grid_l_min:              ($grid_m + 1);
$grid_l_max:              $grid_l;

// Extra Large screen / wide desktop
$grid_xl:                 ($grid_l + 1);
$grid_xl_min:             ($grid_l + 1);

// Phone Size
$grid_phone:              $grid_s;
$grid_phone_min:          $grid_xs_min;
$grid_phone_max:          $grid_phone;



/**
  * Grid.css v2.1.2
  * https://github.com/mcnamee/grid
  *
  * Copyright 2014 Matt Mcnamee - www.mcnamee.co
  * Free to use under the GPLv2 license.
  * http://www.gnu.org/licenses/gpl-2.0.html
  **/
*{text-rendering:auto;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,html{height:100%}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-y:scroll}body,button,input,select,textarea{font-family:sans-serif;color:#222}body{background:#fff;margin:0;font-size:1em;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{color:#00e;outline:0}a:hover{color:#06e}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ol,ul{margin:0;padding:0}dd{margin:0 0 0 40px}nav ol,nav ul{list-style:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}address{display:block;line-height:18px;margin-bottom:18px}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}p img{margin:0}em{font-style:italic}small{font-size:80%}blockquote,blockquote p{font-size:17px;line-height:24px;color:#777;font-style:italic}blockquote{margin:0 0 20px;padding:10px 20px;border-left:1px solid #ddd}blockquote cite{display:block;font-size:12px;color:#555}blockquote cite:before{content:"\2014 \0020"}blockquote cite a,blockquote cite a:visited{color:#555}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;float:left}audio,canvas,video{display:inline-block}[hidden],audio:not([controls]){display:none}.grid_demo,.grid_demo_g{margin:0 0 20px;font-size:11px}.grid_demo .inner,.grid_demo .text_align_center,.grid_demo_g>.inner>div{background:#ececec;border:1px solid #ccc;border-right:0;padding-top:30px;padding-bottom:30px}.grid_demo .inner:last-child,.grid_demo .text_align_center:last-child,.grid_demo_g>.inner>div{border-right:1px solid #ccc}.float_right{float:right!important}.float_left{float:left!important}.text_align_center{text-align:center!important}.text_align_right{text-align:right!important}.text_align_left{text-align:left!important}.scale_with_grid{max-width:100%;width:auto;height:auto;max-height:100%}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after,.clearfix:before,.container_24:after,.container_24:before{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after,.container_24:after{clear:both}.clearfix,.container_24{zoom:1}.container_24{margin-left:auto;margin-right:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width linear .2s;-moz-transition:width linear .2s;transition:width linear .2s}.grid_1,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_2,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9{display:inline-block;float:left;position:relative;margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.hidden{display:none!important;visibility:hidden}.inner{padding-left:10px;padding-right:10px}.inner_l{padding-left:10px}.inner_r{padding-right:10px}.inner_t{padding-top:10px}.inner_b{padding-bottom:10px}body{min-width:1008px}.container_24{width:1008px}.grid_1{width:4.1666666666667%}.grid_2{width:8.3333333333333%}.grid_3{width:12.5%}.grid_4{width:16.666666666667%}.grid_5{width:20.833333333333%}.grid_6{width:25%}.grid_7{width:29.166666666667%}.grid_8{width:33.333333333333%}.grid_9{width:37.5%}.grid_10{width:41.666666666667%}.grid_11{width:45.833333333333%}.grid_12{width:50%}.grid_13{width:54.166666666667%}.grid_14{width:58.333333333333%}.grid_15{width:62.5%}.grid_16{width:66.666666666667%}.grid_17{width:70.833333333333%}.grid_18{width:75%}.grid_19{width:79.166666666667%}.grid_20{width:83.333333333333%}.grid_21{width:87.5%}.grid_22{width:91.666666666667%}.grid_23{width:95.833333333333%}.grid_24{width:100%}.prefix_0{margin-left:0}.prefix_1{margin-left:4.1666666666667%}.prefix_2{margin-left:8.3333333333333%}.prefix_3{margin-left:12.5%}.prefix_4{margin-left:16.666666666667%}.prefix_5{margin-left:20.833333333333%}.prefix_6{margin-left:25%}.prefix_7{margin-left:29.166666666667%}.prefix_8{margin-left:33.333333333333%}.prefix_9{margin-left:37.5%}.prefix_10{margin-left:41.666666666667%}.prefix_11{margin-left:45.833333333333%}.prefix_12{margin-left:50%}.prefix_13{margin-left:54.166666666667%}.prefix_14{margin-left:58.333333333333%}.prefix_15{margin-left:62.5%}.prefix_16{margin-left:66.666666666667%}.prefix_17{margin-left:70.833333333333%}.prefix_18{margin-left:75%}.prefix_19{margin-left:79.166666666667%}.prefix_20{margin-left:83.333333333333%}.prefix_21{margin-left:87.5%}.prefix_22{margin-left:91.666666666667%}.prefix_23{margin-left:95.833333333333%}.prefix_24{margin-left:100%}.hidden_l,.visible_m,.visible_phone,.visible_s,.visible_xl,.visible_xs{display:none!important}@media only screen and (min-width:1024px) and (max-width:1199px){.hidden_m,.hidden_phone,.hidden_s,.hidden_xl,.hidden_xs{display:inline-block!important}.hidden_l,.visible_m,.visible_phone,.visible_s,.visible_xl,.visible_xs{display:none!important}.visible_l{display:inline-block!important}}@media only screen and (min-width:1200px){body{min-width:1170px}.container_24{width:1170px}.grid_1_xl{width:4.1666666666667%}.grid_2_xl{width:8.3333333333333%}.grid_3_xl{width:12.5%}.grid_4_xl{width:16.666666666667%}.grid_5_xl{width:20.833333333333%}.grid_6_xl{width:25%}.grid_7_xl{width:29.166666666667%}.grid_8_xl{width:33.333333333333%}.grid_9_xl{width:37.5%}.grid_10_xl{width:41.666666666667%}.grid_11_xl{width:45.833333333333%}.grid_12_xl{width:50%}.grid_13_xl{width:54.166666666667%}.grid_14_xl{width:58.333333333333%}.grid_15_xl{width:62.5%}.grid_16_xl{width:66.666666666667%}.grid_17_xl{width:70.833333333333%}.grid_18_xl{width:75%}.grid_19_xl{width:79.166666666667%}.grid_20_xl{width:83.333333333333%}.grid_21_xl{width:87.5%}.grid_22_xl{width:91.666666666667%}.grid_23_xl{width:95.833333333333%}.grid_24_xl{width:100%}.prefix_0_xl{margin-left:0}.prefix_1_xl{margin-left:4.1666666666667%}.prefix_2_xl{margin-left:8.3333333333333%}.prefix_3_xl{margin-left:12.5%}.prefix_4_xl{margin-left:16.666666666667%}.prefix_5_xl{margin-left:20.833333333333%}.prefix_6_xl{margin-left:25%}.prefix_7_xl{margin-left:29.166666666667%}.prefix_8_xl{margin-left:33.333333333333%}.prefix_9_xl{margin-left:37.5%}.prefix_10_xl{margin-left:41.666666666667%}.prefix_11_xl{margin-left:45.833333333333%}.prefix_12_xl{margin-left:50%}.prefix_13_xl{margin-left:54.166666666667%}.prefix_14_xl{margin-left:58.333333333333%}.prefix_15_xl{margin-left:62.5%}.prefix_16_xl{margin-left:66.666666666667%}.prefix_17_xl{margin-left:70.833333333333%}.prefix_18_xl{margin-left:75%}.prefix_19_xl{margin-left:79.166666666667%}.prefix_20_xl{margin-left:83.333333333333%}.prefix_21_xl{margin-left:87.5%}.prefix_22_xl{margin-left:91.666666666667%}.prefix_23_xl{margin-left:95.833333333333%}.prefix_24_xl{margin-left:100%}.hidden_l,.hidden_m,.hidden_phone,.hidden_s,.hidden_xs{display:inline-block!important}.hidden_xl,.visible_l,.visible_m,.visible_phone,.visible_s,.visible_xs{display:none!important}.visible_xl{display:inline-block!important}}@media only screen and (min-width:768px) and (max-width:1023px){body{min-width:750px}.container_24{width:750px}.grid_1_m{width:4.1666666666667%}.grid_2_m{width:8.3333333333333%}.grid_3_m{width:12.5%}.grid_4_m{width:16.666666666667%}.grid_5_m{width:20.833333333333%}.grid_6_m{width:25%}.grid_7_m{width:29.166666666667%}.grid_8_m{width:33.333333333333%}.grid_9_m{width:37.5%}.grid_10_m{width:41.666666666667%}.grid_11_m{width:45.833333333333%}.grid_12_m{width:50%}.grid_13_m{width:54.166666666667%}.grid_14_m{width:58.333333333333%}.grid_15_m{width:62.5%}.grid_16_m{width:66.666666666667%}.grid_17_m{width:70.833333333333%}.grid_18_m{width:75%}.grid_19_m{width:79.166666666667%}.grid_20_m{width:83.333333333333%}.grid_21_m{width:87.5%}.grid_22_m{width:91.666666666667%}.grid_23_m{width:95.833333333333%}.grid_24_m{width:100%}.prefix_0_m{margin-left:0}.prefix_1_m{margin-left:4.1666666666667%}.prefix_2_m{margin-left:8.3333333333333%}.prefix_3_m{margin-left:12.5%}.prefix_4_m{margin-left:16.666666666667%}.prefix_5_m{margin-left:20.833333333333%}.prefix_6_m{margin-left:25%}.prefix_7_m{margin-left:29.166666666667%}.prefix_8_m{margin-left:33.333333333333%}.prefix_9_m{margin-left:37.5%}.prefix_10_m{margin-left:41.666666666667%}.prefix_11_m{margin-left:45.833333333333%}.prefix_12_m{margin-left:50%}.prefix_13_m{margin-left:54.166666666667%}.prefix_14_m{margin-left:58.333333333333%}.prefix_15_m{margin-left:62.5%}.prefix_16_m{margin-left:66.666666666667%}.prefix_17_m{margin-left:70.833333333333%}.prefix_18_m{margin-left:75%}.prefix_19_m{margin-left:79.166666666667%}.prefix_20_m{margin-left:83.333333333333%}.prefix_21_m{margin-left:87.5%}.prefix_22_m{margin-left:91.666666666667%}.prefix_23_m{margin-left:95.833333333333%}.prefix_24_m{margin-left:100%}.hidden_l,.hidden_phone,.hidden_s,.hidden_xl,.hidden_xs{display:inline-block!important}.hidden_m,.visible_l,.visible_phone,.visible_s,.visible_xl,.visible_xs{display:none!important}.visible_m{display:inline-block!important}}@media only screen and (max-width:767px){body{min-width:300px}.container_24{width:90%}.grid_1,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_2,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9{width:100%}.prefix_1,.prefix_10,.prefix_11,.prefix_12,.prefix_13,.prefix_14,.prefix_15,.prefix_16,.prefix_17,.prefix_18,.prefix_19,.prefix_2,.prefix_20,.prefix_21,.prefix_22,.prefix_23,.prefix_24,.prefix_3,.prefix_4,.prefix_5,.prefix_6,.prefix_7,.prefix_8,.prefix_9{margin-left:0}.no_inner_phone{padding-left:0;padding-right:0}.no_inner_l_phone{padding-left:0}.no_inner_r_phone{padding-right:0}.no_inner_t_phone{padding-top:0}.no_inner_b_phone{padding-bottom:0}}@media only screen and (min-width:480px) and (max-width:767px){body{min-width:420px}.grid_1_s{width:4.1666666666667%}.grid_2_s{width:8.3333333333333%}.grid_3_s{width:12.5%}.grid_4_s{width:16.666666666667%}.grid_5_s{width:20.833333333333%}.grid_6_s{width:25%}.grid_7_s{width:29.166666666667%}.grid_8_s{width:33.333333333333%}.grid_9_s{width:37.5%}.grid_10_s{width:41.666666666667%}.grid_11_s{width:45.833333333333%}.grid_12_s{width:50%}.grid_13_s{width:54.166666666667%}.grid_14_s{width:58.333333333333%}.grid_15_s{width:62.5%}.grid_16_s{width:66.666666666667%}.grid_17_s{width:70.833333333333%}.grid_18_s{width:75%}.grid_19_s{width:79.166666666667%}.grid_20_s{width:83.333333333333%}.grid_21_s{width:87.5%}.grid_22_s{width:91.666666666667%}.grid_23_s{width:95.833333333333%}.grid_24_s{width:100%}.prefix_0_s{margin-left:0}.prefix_1_s{margin-left:4.1666666666667%}.prefix_2_s{margin-left:8.3333333333333%}.prefix_3_s{margin-left:12.5%}.prefix_4_s{margin-left:16.666666666667%}.prefix_5_s{margin-left:20.833333333333%}.prefix_6_s{margin-left:25%}.prefix_7_s{margin-left:29.166666666667%}.prefix_8_s{margin-left:33.333333333333%}.prefix_9_s{margin-left:37.5%}.prefix_10_s{margin-left:41.666666666667%}.prefix_11_s{margin-left:45.833333333333%}.prefix_12_s{margin-left:50%}.prefix_13_s{margin-left:54.166666666667%}.prefix_14_s{margin-left:58.333333333333%}.prefix_15_s{margin-left:62.5%}.prefix_16_s{margin-left:66.666666666667%}.prefix_17_s{margin-left:70.833333333333%}.prefix_18_s{margin-left:75%}.prefix_19_s{margin-left:79.166666666667%}.prefix_20_s{margin-left:83.333333333333%}.prefix_21_s{margin-left:87.5%}.prefix_22_s{margin-left:91.666666666667%}.prefix_23_s{margin-left:95.833333333333%}.prefix_24_s{margin-left:100%}.hidden_l,.hidden_m,.hidden_xl,.hidden_xs{display:inline-block!important}.hidden_s,.visible_l,.visible_m,.visible_xl,.visible_xs{display:none!important}.visible_s{display:inline-block!important}.no_inner_s{padding-left:0;padding-right:0}.no_inner_l_s{padding-left:0}.no_inner_r_s{padding-right:0}.no_inner_t_s{padding-top:0}.no_inner_b_s{padding-bottom:0}}@media only screen and (max-width:479px){.grid_1_xs{width:4.1666666666667%}.grid_2_xs{width:8.3333333333333%}.grid_3_xs{width:12.5%}.grid_4_xs{width:16.666666666667%}.grid_5_xs{width:20.833333333333%}.grid_6_xs{width:25%}.grid_7_xs{width:29.166666666667%}.grid_8_xs{width:33.333333333333%}.grid_9_xs{width:37.5%}.grid_10_xs{width:41.666666666667%}.grid_11_xs{width:45.833333333333%}.grid_12_xs{width:50%}.grid_13_xs{width:54.166666666667%}.grid_14_xs{width:58.333333333333%}.grid_15_xs{width:62.5%}.grid_16_xs{width:66.666666666667%}.grid_17_xs{width:70.833333333333%}.grid_18_xs{width:75%}.grid_19_xs{width:79.166666666667%}.grid_20_xs{width:83.333333333333%}.grid_21_xs{width:87.5%}.grid_22_xs{width:91.666666666667%}.grid_23_xs{width:95.833333333333%}.grid_24_xs{width:100%}.prefix_0_xs{margin-left:0}.prefix_1_xs{margin-left:4.1666666666667%}.prefix_2_xs{margin-left:8.3333333333333%}.prefix_3_xs{margin-left:12.5%}.prefix_4_xs{margin-left:16.666666666667%}.prefix_5_xs{margin-left:20.833333333333%}.prefix_6_xs{margin-left:25%}.prefix_7_xs{margin-left:29.166666666667%}.prefix_8_xs{margin-left:33.333333333333%}.prefix_9_xs{margin-left:37.5%}.prefix_10_xs{margin-left:41.666666666667%}.prefix_11_xs{margin-left:45.833333333333%}.prefix_12_xs{margin-left:50%}.prefix_13_xs{margin-left:54.166666666667%}.prefix_14_xs{margin-left:58.333333333333%}.prefix_15_xs{margin-left:62.5%}.prefix_16_xs{margin-left:66.666666666667%}.prefix_17_xs{margin-left:70.833333333333%}.prefix_18_xs{margin-left:75%}.prefix_19_xs{margin-left:79.166666666667%}.prefix_20_xs{margin-left:83.333333333333%}.prefix_21_xs{margin-left:87.5%}.prefix_22_xs{margin-left:91.666666666667%}.prefix_23_xs{margin-left:95.833333333333%}.prefix_24_xs{margin-left:100%}.hidden_l,.hidden_m,.hidden_s,.hidden_xl{display:inline-block!important}.hidden_xs,.visible_l,.visible_m,.visible_s,.visible_xl{display:none!important}.visible_xs{display:inline-block!important}.no_inner_xs{padding-left:0;padding-right:0}.no_inner_l_xs{padding-left:0}.no_inner_r_xs{padding-right:0}.no_inner_t_xs{padding-top:0}.no_inner_b_xs{padding-bottom:0}}@media only screen and (max-width:767px){.hidden_phone{display:none!important}.visible_phone{display:inline-block!important}}@media print{*{background:0 0!important;color:#000!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important;font-family:Arial,Helvetica,sans-serif;margin:20px 0;text-align:left!important}body{font-size:11px;line-height:1.2em}body div{display:block;float:left;width:90%;margin:10px auto;padding:0}a,a:visited{text-decoration:underline}a[href]:after{content:"";display:none}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}h1,h2,h3,h4,h5,p,table,ul{margin:0 0 8px;padding:0}.hidden_print{display:none!important}}
https://snipt.net/embed/86a12ec0923055ed5eb5ca8eabbcb505/
/raw/86a12ec0923055ed5eb5ca8eabbcb505/
86a12ec0923055ed5eb5ca8eabbcb505
scss
SCSS
47
2019-07-17T00:24:39
True
False
False
/api/public/snipt/144882/
grid-breakpoints-file-grid
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1"> 1</a> <a href="#L-2"> 2</a> <a href="#L-3"> 3</a> <a href="#L-4"> 4</a> <a href="#L-5"> 5</a> <a href="#L-6"> 6</a> <a href="#L-7"> 7</a> <a href="#L-8"> 8</a> <a href="#L-9"> 9</a> <a href="#L-10">10</a> <a href="#L-11">11</a> <a href="#L-12">12</a> <a href="#L-13">13</a> <a href="#L-14">14</a> <a href="#L-15">15</a> <a href="#L-16">16</a> <a href="#L-17">17</a> <a href="#L-18">18</a> <a href="#L-19">19</a> <a href="#L-20">20</a> <a href="#L-21">21</a> <a href="#L-22">22</a> <a href="#L-23">23</a> <a href="#L-24">24</a> <a href="#L-25">25</a> <a href="#L-26">26</a> <a href="#L-27">27</a> <a href="#L-28">28</a> <a href="#L-29">29</a> <a href="#L-30">30</a> <a href="#L-31">31</a> <a href="#L-32">32</a> <a href="#L-33">33</a> <a href="#L-34">34</a> <a href="#L-35">35</a> <a href="#L-36">36</a> <a href="#L-37">37</a> <a href="#L-38">38</a> <a href="#L-39">39</a> <a href="#L-40">40</a> <a href="#L-41">41</a> <a href="#L-42">42</a> <a href="#L-43">43</a> <a href="#L-44">44</a> <a href="#L-45">45</a> <a href="#L-46">46</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="c1">////////////////////////////////////////</span> </span><span id="L-2"><a name="L-2"></a><span class="c1">///// Media Queries Breakpoints ////////</span> </span><span id="L-3"><a name="L-3"></a><span class="c1">////////////////////////////////////////</span> </span><span id="L-4"><a name="L-4"></a> </span><span id="L-5"><a name="L-5"></a><span class="cm">/* Do not Edit! */</span> </span><span id="L-6"><a name="L-6"></a> </span><span id="L-7"><a name="L-7"></a><span class="c1">// Extra small screen</span> </span><span id="L-8"><a name="L-8"></a><span class="nv">$grid_xs</span><span class="o">:</span> <span class="mi">479</span><span class="kt">px</span><span class="p">;</span> </span><span id="L-9"><a name="L-9"></a><span class="nv">$grid_xs_min</span><span class="o">:</span> <span class="mi">300</span><span class="kt">px</span><span class="p">;</span> </span><span id="L-10"><a name="L-10"></a><span class="nv">$grid_xs_max</span><span class="o">:</span> <span class="nv">$grid_xs</span><span class="p">;</span> </span><span id="L-11"><a name="L-11"></a> </span><span id="L-12"><a name="L-12"></a><span class="c1">// Small screen / tablet</span> </span><span id="L-13"><a name="L-13"></a><span class="nv">$grid_s</span><span class="o">:</span> <span class="mi">767</span><span class="kt">px</span><span class="p">;</span> </span><span id="L-14"><a name="L-14"></a><span class="nv">$grid_s_min</span><span class="o">:</span> <span class="p">(</span><span class="nv">$grid_xs</span> <span class="o">+</span> <span class="mi">1</span><span class="p">);</span> </span><span id="L-15"><a name="L-15"></a><span class="nv">$grid_s_max</span><span class="o">:</span> <span class="nv">$grid_s</span><span class="p">;</span> </span><span id="L-16"><a name="L-16"></a> </span><span id="L-17"><a name="L-17"></a><span class="c1">// Medium screen / tablet</span> </span><span id="L-18"><a name="L-18"></a><span class="nv">$grid_m</span><span class="o">:</span> <span class="mi">1023</span><span class="kt">px</span><span class="p">;</span> </span><span id="L-19"><a name="L-19"></a><span class="nv">$grid_m_min</span><span class="o">:</span> <span class="p">(</span><span class="nv">$grid_s</span> <span class="o">+</span> <span class="mi">1</span><span class="p">);</span> </span><span id="L-20"><a name="L-20"></a><span class="nv">$grid_m_max</span><span class="o">:</span> <span class="nv">$grid_m</span><span class="p">;</span> </span><span id="L-21"><a name="L-21"></a> </span><span id="L-22"><a name="L-22"></a><span class="c1">// Large screen / desktop</span> </span><span id="L-23"><a name="L-23"></a><span class="nv">$grid_l</span><span class="o">:</span> <span class="mi">1199</span><span class="kt">px</span><span class="p">;</span> </span><span id="L-24"><a name="L-24"></a><span class="nv">$grid_l_min</span><span class="o">:</span> <span class="p">(</span><span class="nv">$grid_m</span> <span class="o">+</span> <span class="mi">1</span><span class="p">);</span> </span><span id="L-25"><a name="L-25"></a><span class="nv">$grid_l_max</span><span class="o">:</span> <span class="nv">$grid_l</span><span class="p">;</span> </span><span id="L-26"><a name="L-26"></a> </span><span id="L-27"><a name="L-27"></a><span class="c1">// Extra Large screen / wide desktop</span> </span><span id="L-28"><a name="L-28"></a><span class="nv">$grid_xl</span><span class="o">:</span> <span class="p">(</span><span class="nv">$grid_l</span> <span class="o">+</span> <span class="mi">1</span><span class="p">);</span> </span><span id="L-29"><a name="L-29"></a><span class="nv">$grid_xl_min</span><span class="o">:</span> <span class="p">(</span><span class="nv">$grid_l</span> <span class="o">+</span> <span class="mi">1</span><span class="p">);</span> </span><span id="L-30"><a name="L-30"></a> </span><span id="L-31"><a name="L-31"></a><span class="c1">// Phone Size</span> </span><span id="L-32"><a name="L-32"></a><span class="nv">$grid_phone</span><span class="o">:</span> <span class="nv">$grid_s</span><span class="p">;</span> </span><span id="L-33"><a name="L-33"></a><span class="nv">$grid_phone_min</span><span class="o">:</span> <span class="nv">$grid_xs_min</span><span class="p">;</span> </span><span id="L-34"><a name="L-34"></a><span class="nv">$grid_phone_max</span><span class="o">:</span> <span class="nv">$grid_phone</span><span class="p">;</span> </span><span id="L-35"><a name="L-35"></a> </span><span id="L-36"><a name="L-36"></a> </span><span id="L-37"><a name="L-37"></a> </span><span id="L-38"><a name="L-38"></a><span class="cm">/**</span> </span><span id="L-39"><a name="L-39"></a><span class="cm"> * Grid.css v2.1.2</span> </span><span id="L-40"><a name="L-40"></a><span class="cm"> * https://github.com/mcnamee/grid</span> </span><span id="L-41"><a name="L-41"></a><span class="cm"> *</span> </span><span id="L-42"><a name="L-42"></a><span class="cm"> * Copyright 2014 Matt Mcnamee - www.mcnamee.co</span> </span><span id="L-43"><a name="L-43"></a><span class="cm"> * Free to use under the GPLv2 license.</span> </span><span id="L-44"><a name="L-44"></a><span class="cm"> * http://www.gnu.org/licenses/gpl-2.0.html</span> </span><span id="L-45"><a name="L-45"></a><span class="cm"> **/</span> </span><span id="L-46"><a name="L-46"></a><span class="o">*</span><span class="p">{</span><span class="nt">text-rendering</span><span class="nd">:auto</span><span class="o">;</span><span class="nt">font-size</span><span class="nd">:100</span><span class="err">%</span><span class="o">;</span><span class="nt">-webkit-text-size-adjust</span><span class="nd">:100</span><span class="err">%</span><span class="o">;</span><span class="nt">-ms-text-size-adjust</span><span class="nd">:100</span><span class="err">%</span><span class="p">}</span><span class="nt">body</span><span class="o">,</span><span class="nt">html</span><span class="p">{</span><span class="nt">height</span><span class="nd">:100</span><span class="err">%</span><span class="p">}</span><span class="nt">html</span><span class="p">{</span><span class="nt">font-size</span><span class="nd">:100</span><span class="err">%</span><span class="o">;</span><span class="nt">-webkit-text-size-adjust</span><span class="nd">:100</span><span class="err">%</span><span class="o">;</span><span class="nt">-ms-text-size-adjust</span><span class="nd">:100</span><span class="err">%</span><span class="o">;</span><span class="nt">overflow-y</span><span class="nd">:scroll</span><span class="p">}</span><span class="nt">body</span><span class="o">,</span><span class="nt">button</span><span class="o">,</span><span class="nt">input</span><span class="o">,</span><span class="nt">select</span><span class="o">,</span><span class="nt">textarea</span><span class="p">{</span><span class="nt">font-family</span><span class="nd">:sans-serif</span><span class="o">;</span><span class="nt">color</span><span class="nd">:</span><span class="nn">#222</span><span class="p">}</span><span class="nt">body</span><span class="p">{</span><span class="nt">background</span><span class="nd">:</span><span class="nn">#fff</span><span class="o">;</span><span class="nt">margin</span><span class="nd">:0</span><span class="o">;</span><span class="nt">font-size</span><span class="nd">:1em</span><span class="o">;</span><span class="nt">line-height</span><span class="nd">:1</span><span class="nc">.4</span><span class="o">;</span><span class="nt">-webkit-font-smoothing</span><span class="nd">:antialiased</span><span class="o">;</span><span class="nt">-webkit-text-size-adjust</span><span class="nd">:100</span><span class="err">%</span><span class="p">}</span><span class="nt">a</span><span class="p">{</span><span class="nt">color</span><span class="nd">:</span><span class="nn">#00e</span><span class="o">;</span><span class="nt">outline</span><span class="nd">:0</span><span class="p">}</span><span class="nt">a</span><span class="nd">:hover</span><span class="p">{</span><span class="nt">color</span><span class="nd">:</span><span class="nn">#06e</span><span class="p">}</span><span class="nt">abbr</span><span class="o">[</span><span class="nt">title</span><span class="o">]</span><span class="p">{</span><span class="nt">border-bottom</span><span class="nd">:1px</span> <span class="nt">dotted</span><span class="p">}</span><span class="nt">b</span><span class="o">,</span><span class="nt">strong</span><span class="p">{</span><span class="nt">font-weight</span><span class="nd">:700</span><span class="p">}</span><span class="nt">dfn</span><span class="p">{</span><span class="nt">font-style</span><span class="nd">:italic</span><span class="p">}</span><span class="nt">hr</span><span class="p">{</span><span class="nt">display</span><span class="nd">:block</span><span class="o">;</span><span class="nt">height</span><span class="nd">:1px</span><span class="o">;</span><span class="nt">border</span><span class="nd">:0</span><span class="o">;</span><span class="nt">border-top</span><span class="nd">:1px</span> <span class="nt">solid</span> <span class="nn">#ccc</span><span class="o">;</span><span class="nt">margin</span><span class="nd">:1em</span> <span class="nt">0</span><span class="o">;</span><span class="nt">padding</span><span class="nd">:0</span><span class="p">}</span><span class="nt">ins</span><span class="p">{</span><span class="nt">background</span><span class="nd">:</span><span class="nn">#ff9</span><span class="o">;</span><span class="nt">color</span><span class="nd">:</span><span class="nn">#000</span><span class="o">;</span><span class="nt">text-decoration</span><span class="nd">:none</span><span class="p">}</span><span class="nt">mark</span><span class="p">{</span><span class="nt">background</span><span class="nd">:</span><span class="nn">#ff0</span><span class="o">;</span><span class="nt">color</span><span class="nd">:</span><span class="nn">#000</span><span class="o">;</span><span class="nt">font-style</span><span class="nd">:italic</span><span class="o">;</span><span class="nt">font-weight</span><span class="nd">:700</span><span class="p">}</span><span class="nt">code</span><span class="o">,</span><span class="nt">kbd</span><span class="o">,</span><span class="nt">pre</span><span class="o">,</span><span class="nt">samp</span><span class="p">{</span><span class="nt">font-family</span><span class="nd">:monospace</span><span class="o">,</span><span class="nt">serif</span><span class="o">;</span><span class="nt">font-size</span><span class="nd">:1em</span><span class="p">}</span><span class="nt">pre</span><span class="p">{</span><span class="nt">white-space</span><span class="nd">:pre</span><span class="o">;</span><span class="nt">white-space</span><span class="nd">:pre-wrap</span><span class="o">;</span><span class="nt">word-wrap</span><span class="nd">:break-word</span><span class="p">}</span><span class="nt">q</span><span class="p">{</span><span class="nt">quotes</span><span class="nd">:none</span><span class="p">}</span><span class="nt">q</span><span class="nd">:after</span><span class="o">,</span><span class="nt">q</span><span class="nd">:before</span><span class="p">{</span><span class="nt">content</span><span class="nd">:</span><span class="s2">&quot;&quot;</span><span class="o">;</span><span class="nt">content</span><span class="nd">:none</span><span class="p">}</span><span class="nt">sub</span><span class="o">,</span><span class="nt">sup</span><span class="p">{</span><span class="nt">font-size</span><span class="nd">:75</span><span class="err">%</span><span class="o">;</span><span class="nt">line-height</span><span class="nd">:0</span><span class="o">;</span><span class="nt">position</span><span class="nd">:relative</span><span class="o">;</span><span class="nt">vertical-align</span><span class="nd">:baseline</span><span class="p">}</span><span class="nt">sup</span><span class="p">{</span><span class="nt">top</span><span class="nd">:-</span><span class="nc">.5em</span><span class="p">}</span><span class="nt">sub</span><span class="p">{</span><span class="nt">bottom</span><span class="nd">:-</span><span class="nc">.25em</span><span class="p">}</span><span class="nt">ol</span><span class="o">,</span><span class="nt">ul</span><span class="p">{</span><span class="nt">margin</span><span class="nd">:0</span><span class="o">;</span><span class="nt">padding</span><span class="nd">:0</span><span class="p">}</span><span class="nt">dd</span><span class="p">{</span><span class="nt">margin</span><span class="nd">:0</span> <span class="nt">0</span> <span class="nt">0</span> <span class="nt">40px</span><span class="p">}</span><span class="nt">nav</span> <span class="nt">ol</span><span class="o">,</span><span class="nt">nav</span> <span class="nt">ul</span><span class="p">{</span><span class="nt">list-style</span><span class="nd">:none</span><span class="o">;</span><span class="nt">margin</span><span class="nd">:0</span><span class="o">;</span><span class="nt">padding</span><span class="nd">:0</span><span class="p">}</span><span class="nt">img</span><span class="p">{</span><span class="nt">border</span><span class="nd">:0</span><span class="o">;</span><span class="nt">-ms-interpolation-mode</span><span class="nd">:bicubic</span><span class="o">;</span><span class="nt">vertical-align</span><span class="nd">:middle</span><span class="p">}</span><span class="nt">svg</span><span class="nd">:not</span><span class="o">(</span><span class="nd">:root</span><span class="o">)</span><span class="p">{</span><span class="nt">overflow</span><span class="nd">:hidden</span><span class="p">}</span><span class="nt">figure</span><span class="o">,</span><span class="nt">form</span><span class="p">{</span><span class="nt">margin</span><span class="nd">:0</span><span class="p">}</span><span class="nt">fieldset</span><span class="p">{</span><span class="nt">border</span><span class="nd">:0</span><span class="o">;</span><span class="nt">margin</span><span class="nd">:0</span><span class="o">;</span><span class="nt">padding</span><span class="nd">:0</span><span class="p">}</span><span class="nt">label</span><span class="p">{</span><span class="nt">cursor</span><span class="nd">:pointer</span><span class="p">}</span><span class="nt">legend</span><span class="p">{</span><span class="nt">border</span><span class="nd">:0</span><span class="o">;</span><span class="nt">padding</span><span class="nd">:0</span><span class="o">;</span><span class="nt">white-space</span><span class="nd">:normal</span><span class="p">}</span><span class="nt">button</span><span class="o">,</span><span class="nt">input</span><span class="o">,</span><span class="nt">select</span><span class="o">,</span><span class="nt">textarea</span><span class="p">{</span><span class="nt">font-size</span><span class="nd">:100</span><span class="err">%</span><span class="o">;</span><span class="nt">margin</span><span class="nd">:0</span><span class="o">;</span><span class="nt">vertical-align</span><span class="nd">:baseline</span><span class="p">}</span><span class="nt">button</span><span class="o">,</span><span class="nt">input</span><span class="p">{</span><span class="nt">line-height</span><span class="nd">:normal</span><span class="p">}</span><span class="nt">button</span><span class="o">,</span><span class="nt">input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">button</span><span class="o">],</span><span class="nt">input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">reset</span><span class="o">],</span><span class="nt">input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">submit</span><span class="o">]</span><span class="p">{</span><span class="nt">cursor</span><span class="nd">:pointer</span><span class="o">;</span><span class="nt">-webkit-appearance</span><span class="nd">:button</span><span class="p">}</span><span class="nt">button</span><span class="o">[</span><span class="nt">disabled</span><span class="o">],</span><span class="nt">input</span><span class="o">[</span><span class="nt">disabled</span><span class="o">]</span><span class="p">{</span><span class="nt">cursor</span><span class="nd">:default</span><span class="p">}</span><span class="nt">input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">checkbox</span><span class="o">],</span><span class="nt">input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">radio</span><span class="o">]</span><span class="p">{</span><span class="nt">box-sizing</span><span class="nd">:border-box</span><span class="o">;</span><span class="nt">padding</span><span class="nd">:0</span><span class="p">}</span><span class="nt">input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">search</span><span class="o">]</span><span class="p">{</span><span class="nt">-webkit-appearance</span><span class="nd">:textfield</span><span class="o">;</span><span class="nt">-moz-box-sizing</span><span class="nd">:content-box</span><span class="o">;</span><span class="nt">-webkit-box-sizing</span><span class="nd">:content-box</span><span class="o">;</span><span class="nt">box-sizing</span><span class="nd">:content-box</span><span class="p">}</span><span class="nt">input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">search</span><span class="o">]</span><span class="nd">::-webkit-search-cancel-button</span><span class="o">,</span><span class="nt">input</span><span class="o">[</span><span class="nt">type</span><span class="o">=</span><span class="nt">search</span><span class="o">]</span><span class="nd">::-webkit-search-decoration</span><span class="p">{</span><span class="nt">-webkit-appearance</span><span class="nd">:none</span><span class="p">}</span><span class="nt">button</span><span class="nd">::-moz-focus-inner</span><span class="o">,</span><span class="nt">input</span><span class="nd">::-moz-focus-inner</span><span class="p">{</span><span class="nt">border</span><span class="nd">:0</span><span class="o">;</span><span class="nt">padding</span><span class="nd">:0</span><span class="p">}</span><span class="nt">textarea</span><span class="p">{</span><span class="nt">overflow</span><span class="nd">:auto</span><span class="o">;</span><span class="nt">vertical-align</span><span class="nd">:top</span><span class="o">;</span><span class="nt">resize</span><span class="nd">:vertical</span><span class="p">}</span><span class="nt">input</span><span class="nd">:invalid</span><span class="o">,</span><span class="nt">textarea</span><span class="nd">:invalid</span><span class="p">{</span><span class="nt">background-color</span><span class="nd">:</span><span class="nn">#f0dddd</span><span class="p">}</span><span class="nt">table</span><span class="p">{</span><span class="nt">border-collapse</span><span class="nd">:collapse</span><span class="o">;</span><span class="nt">border-spacing</span><span class="nd">:0</span><span class="p">}</span><span class="nt">td</span><span class="p">{</span><span class="nt">vertical-align</span><span class="nd">:top</span><span class="p">}</span><span class="nc">.chromeframe</span><span class="p">{</span><span class="nt">margin</span><span class="nd">:</span><span class="nc">.2em</span> <span class="nt">0</span><span class="o">;</span><span class="nt">background</span><span class="nd">:</span><span class="nn">#ccc</span><span class="o">;</span><span class="nt">color</span><span class="nd">:</span><span class="nn">#000</span><span class="o">;</span><span class="nt">padding</span><span class="nd">:</span><span class="nc">.2em</span> <span class="nt">0</span><span class="p">}</span><span class="nt">address</span><span class="p">{</span><span class="nt">display</span><span class="nd">:block</span><span class="o">;</span><span class="nt">line-height</span><span class="nd">:18px</span><span class="o">;</span><span class="nt">margin-bottom</span><span class="nd">:18px</span><span class="p">}</span><span class="nd">::-moz-selection</span><span class="p">{</span><span class="nt">background</span><span class="nd">:</span><span class="nn">#333</span><span class="o">;</span><span class="nt">color</span><span class="nd">:</span><span class="nn">#fff</span><span class="o">;</span><span class="nt">text-shadow</span><span class="nd">:none</span><span class="p">}</span><span class="nd">::selection</span><span class="p">{</span><span class="nt">background</span><span class="nd">:</span><span class="nn">#333</span><span class="o">;</span><span class="nt">color</span><span class="nd">:</span><span class="nn">#fff</span><span class="o">;</span><span class="nt">text-shadow</span><span class="nd">:none</span><span class="p">}</span><span class="nt">p</span> <span class="nt">img</span><span class="p">{</span><span class="nt">margin</span><span class="nd">:0</span><span class="p">}</span><span class="nt">em</span><span class="p">{</span><span class="nt">font-style</span><span class="nd">:italic</span><span class="p">}</span><span class="nt">small</span><span class="p">{</span><span class="nt">font-size</span><span class="nd">:80</span><span class="err">%</span><span class="p">}</span><span class="nt">blockquote</span><span class="o">,</span><span class="nt">blockquote</span> <span class="nt">p</span><span class="p">{</span><span class="nt">font-size</span><span class="nd">:17px</span><span class="o">;</span><span class="nt">line-height</span><span class="nd">:24px</span><span class="o">;</span><span class="nt">color</span><span class="nd">:</span><span class="nn">#777</span><span class="o">;</span><span class="nt">font-style</span><span class="nd">:italic</span><span class="p">}</span><span class="nt">blockquote</span><span class="p">{</span><span class="nt">margin</span><span class="nd">:0</span> <span class="nt">0</span> <span class="nt">20px</span><span class="o">;</span><span class="nt">padding</span><span class="nd">:10px</span> <span class="nt">20px</span><span class="o">;</span><span class="nt">border-left</span><span class="nd">:1px</span> <span class="nt">solid</span> <span class="nn">#ddd</span><span class="p">}</span><span class="nt">blockquote</span> <span class="nt">cite</span><span class="p">{</span><span class="nt">display</span><span class="nd">:block</span><span class="o">;</span><span class="nt">font-size</span><span class="nd">:12px</span><span class="o">;</span><span class="nt">color</span><span class="nd">:</span><span class="nn">#555</span><span class="p">}</span><span class="nt">blockquote</span> <span class="nt">cite</span><span class="nd">:before</span><span class="p">{</span><span class="nt">content</span><span class="nd">:</span><span class="s2">&quot;\2014 \0020&quot;</span><span class="p">}</span><span class="nt">blockquote</span> <span class="nt">cite</span> <span class="nt">a</span><span class="o">,</span><span class="nt">blockquote</span> <span class="nt">cite</span> <span class="nt">a</span><span class="nd">:visited</span><span class="p">{</span><span class="nt">color</span><span class="nd">:</span><span class="nn">#555</span><span class="p">}</span><span class="nt">article</span><span class="o">,</span><span class="nt">aside</span><span class="o">,</span><span class="nt">details</span><span class="o">,</span><span class="nt">figcaption</span><span class="o">,</span><span class="nt">figure</span><span class="o">,</span><span class="nt">footer</span><span class="o">,</span><span class="nt">header</span><span class="o">,</span><span class="nt">hgroup</span><span class="o">,</span><span class="nt">nav</span><span class="o">,</span><span class="nt">section</span><span class="p">{</span><span class="nt">display</span><span class="nd">:block</span><span class="o">;</span><span class="nt">float</span><span class="nd">:left</span><span class="p">}</span><span class="nt">audio</span><span class="o">,</span><span class="nt">canvas</span><span class="o">,</span><span class="nt">video</span><span class="p">{</span><span class="nt">display</span><span class="nd">:inline-block</span><span class="p">}</span><span class="o">[</span><span class="nt">hidden</span><span class="o">],</span><span class="nt">audio</span><span class="nd">:not</span><span class="o">([</span><span class="nt">controls</span><span class="o">])</span><span class="p">{</span><span class="nt">display</span><span class="nd">:none</span><span class="p">}</span><span class="nc">.grid_demo</span><span class="o">,</span><span class="nc">.grid_demo_g</span><span class="p">{</span><span class="nt">margin</span><span class="nd">:0</span> <span class="nt">0</span> <span class="nt">20px</span><span class="o">;</span><span class="nt">font-size</span><span class="nd">:11px</span><span class="p">}</span><span class="nc">.grid_demo</span> <span class="nc">.inner</span><span class="o">,</span><span class="nc">.grid_demo</span> <span class="nc">.text_align_center</span><span class="o">,</span><span class="nc">.grid_demo_g</span><span class="o">&gt;</span><span class="nc">.inner</span><span class="o">&gt;</span><span class="nt">div</span><span class="p">{</span><span class="nt">background</span><span class="nd">:</span><span class="nn">#ececec</span><span class="o">;</span><span class="nt">border</span><span class="nd">:1px</span> <span class="nt">solid</span> <span class="nn">#ccc</span><span class="o">;</span><span class="nt">border-right</span><span class="nd">:0</span><span class="o">;</span><span class="nt">padding-top</span><span class="nd">:30px</span><span class="o">;</span><span class="nt">padding-bottom</span><span class="nd">:30px</span><span class="p">}</span><span class="nc">.grid_demo</span> <span class="nc">.inner</span><span class="nd">:last-child</span><span class="o">,</span><span class="nc">.grid_demo</span> <span class="nc">.text_align_center</span><span class="nd">:last-child</span><span class="o">,</span><span class="nc">.grid_demo_g</span><span class="o">&gt;</span><span class="nc">.inner</span><span class="o">&gt;</span><span class="nt">div</span><span class="p">{</span><span class="nt">border-right</span><span class="nd">:1px</span> <span class="nt">solid</span> <span class="nn">#ccc</span><span class="p">}</span><span class="nc">.float_right</span><span class="p">{</span><span class="nt">float</span><span class="nd">:right</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nc">.float_left</span><span class="p">{</span><span class="nt">float</span><span class="nd">:left</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nc">.text_align_center</span><span class="p">{</span><span class="nt">text-align</span><span class="nd">:center</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nc">.text_align_right</span><span class="p">{</span><span class="nt">text-align</span><span class="nd">:right</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nc">.text_align_left</span><span class="p">{</span><span class="nt">text-align</span><span class="nd">:left</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nc">.scale_with_grid</span><span class="p">{</span><span class="nt">max-width</span><span class="nd">:100</span><span class="err">%</span><span class="o">;</span><span class="nt">width</span><span class="nd">:auto</span><span class="o">;</span><span class="nt">height</span><span class="nd">:auto</span><span class="o">;</span><span class="nt">max-height</span><span class="nd">:100</span><span class="err">%</span><span class="p">}</span><span class="nc">.clear</span><span class="p">{</span><span class="nt">clear</span><span class="nd">:both</span><span class="o">;</span><span class="nt">display</span><span class="nd">:block</span><span class="o">;</span><span class="nt">overflow</span><span class="nd">:hidden</span><span class="o">;</span><span class="nt">visibility</span><span class="nd">:hidden</span><span class="o">;</span><span class="nt">width</span><span class="nd">:0</span><span class="o">;</span><span class="nt">height</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.clearfix</span><span class="nd">:after</span><span class="o">,</span><span class="nc">.clearfix</span><span class="nd">:before</span><span class="o">,</span><span class="nc">.container_24</span><span class="nd">:after</span><span class="o">,</span><span class="nc">.container_24</span><span class="nd">:before</span><span class="p">{</span><span class="nt">content</span><span class="nd">:</span><span class="s1">&#39;</span><span class="s2">\0020&#39;</span><span class="o">;</span><span class="nt">display</span><span class="nd">:block</span><span class="o">;</span><span class="nt">overflow</span><span class="nd">:hidden</span><span class="o">;</span><span class="nt">visibility</span><span class="nd">:hidden</span><span class="o">;</span><span class="nt">width</span><span class="nd">:0</span><span class="o">;</span><span class="nt">height</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.clearfix</span><span class="nd">:after</span><span class="o">,</span><span class="nc">.container_24</span><span class="nd">:after</span><span class="p">{</span><span class="nt">clear</span><span class="nd">:both</span><span class="p">}</span><span class="nc">.clearfix</span><span class="o">,</span><span class="nc">.container_24</span><span class="p">{</span><span class="nt">zoom</span><span class="nd">:1</span><span class="p">}</span><span class="nc">.container_24</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:auto</span><span class="o">;</span><span class="nt">margin-right</span><span class="nd">:auto</span><span class="o">;</span><span class="nt">-webkit-box-sizing</span><span class="nd">:border-box</span><span class="o">;</span><span class="nt">-moz-box-sizing</span><span class="nd">:border-box</span><span class="o">;</span><span class="nt">box-sizing</span><span class="nd">:border-box</span><span class="o">;</span><span class="nt">-webkit-transition</span><span class="nd">:width</span> <span class="nt">linear</span> <span class="nc">.2s</span><span class="o">;</span><span class="nt">-moz-transition</span><span class="nd">:width</span> <span class="nt">linear</span> <span class="nc">.2s</span><span class="o">;</span><span class="nt">transition</span><span class="nd">:width</span> <span class="nt">linear</span> <span class="nc">.2s</span><span class="p">}</span><span class="nc">.grid_1</span><span class="o">,</span><span class="nc">.grid_10</span><span class="o">,</span><span class="nc">.grid_11</span><span class="o">,</span><span class="nc">.grid_12</span><span class="o">,</span><span class="nc">.grid_13</span><span class="o">,</span><span class="nc">.grid_14</span><span class="o">,</span><span class="nc">.grid_15</span><span class="o">,</span><span class="nc">.grid_16</span><span class="o">,</span><span class="nc">.grid_17</span><span class="o">,</span><span class="nc">.grid_18</span><span class="o">,</span><span class="nc">.grid_19</span><span class="o">,</span><span class="nc">.grid_2</span><span class="o">,</span><span class="nc">.grid_20</span><span class="o">,</span><span class="nc">.grid_21</span><span class="o">,</span><span class="nc">.grid_22</span><span class="o">,</span><span class="nc">.grid_23</span><span class="o">,</span><span class="nc">.grid_24</span><span class="o">,</span><span class="nc">.grid_3</span><span class="o">,</span><span class="nc">.grid_4</span><span class="o">,</span><span class="nc">.grid_5</span><span class="o">,</span><span class="nc">.grid_6</span><span class="o">,</span><span class="nc">.grid_7</span><span class="o">,</span><span class="nc">.grid_8</span><span class="o">,</span><span class="nc">.grid_9</span><span class="p">{</span><span class="nt">display</span><span class="nd">:inline-block</span><span class="o">;</span><span class="nt">float</span><span class="nd">:left</span><span class="o">;</span><span class="nt">position</span><span class="nd">:relative</span><span class="o">;</span><span class="nt">margin</span><span class="nd">:0</span><span class="o">;</span><span class="nt">padding</span><span class="nd">:0</span><span class="o">;</span><span class="nt">-webkit-box-sizing</span><span class="nd">:border-box</span><span class="o">;</span><span class="nt">-moz-box-sizing</span><span class="nd">:border-box</span><span class="o">;</span><span class="nt">box-sizing</span><span class="nd">:border-box</span><span class="p">}</span><span class="nc">.hidden</span><span class="p">{</span><span class="nt">display</span><span class="nd">:none</span><span class="o">!</span><span class="nt">important</span><span class="o">;</span><span class="nt">visibility</span><span class="nd">:hidden</span><span class="p">}</span><span class="nc">.inner</span><span class="p">{</span><span class="nt">padding-left</span><span class="nd">:10px</span><span class="o">;</span><span class="nt">padding-right</span><span class="nd">:10px</span><span class="p">}</span><span class="nc">.inner_l</span><span class="p">{</span><span class="nt">padding-left</span><span class="nd">:10px</span><span class="p">}</span><span class="nc">.inner_r</span><span class="p">{</span><span class="nt">padding-right</span><span class="nd">:10px</span><span class="p">}</span><span class="nc">.inner_t</span><span class="p">{</span><span class="nt">padding-top</span><span class="nd">:10px</span><span class="p">}</span><span class="nc">.inner_b</span><span class="p">{</span><span class="nt">padding-bottom</span><span class="nd">:10px</span><span class="p">}</span><span class="nt">body</span><span class="p">{</span><span class="nt">min-width</span><span class="nd">:1008px</span><span class="p">}</span><span class="nc">.container_24</span><span class="p">{</span><span class="nt">width</span><span class="nd">:1008px</span><span class="p">}</span><span class="nc">.grid_1</span><span class="p">{</span><span class="nt">width</span><span class="nd">:4</span><span class="nc">.1666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_2</span><span class="p">{</span><span class="nt">width</span><span class="nd">:8</span><span class="nc">.3333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_3</span><span class="p">{</span><span class="nt">width</span><span class="nd">:12</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_4</span><span class="p">{</span><span class="nt">width</span><span class="nd">:16</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_5</span><span class="p">{</span><span class="nt">width</span><span class="nd">:20</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_6</span><span class="p">{</span><span class="nt">width</span><span class="nd">:25</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_7</span><span class="p">{</span><span class="nt">width</span><span class="nd">:29</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_8</span><span class="p">{</span><span class="nt">width</span><span class="nd">:33</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_9</span><span class="p">{</span><span class="nt">width</span><span class="nd">:37</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_10</span><span class="p">{</span><span class="nt">width</span><span class="nd">:41</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_11</span><span class="p">{</span><span class="nt">width</span><span class="nd">:45</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_12</span><span class="p">{</span><span class="nt">width</span><span class="nd">:50</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_13</span><span class="p">{</span><span class="nt">width</span><span class="nd">:54</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_14</span><span class="p">{</span><span class="nt">width</span><span class="nd">:58</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_15</span><span class="p">{</span><span class="nt">width</span><span class="nd">:62</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_16</span><span class="p">{</span><span class="nt">width</span><span class="nd">:66</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_17</span><span class="p">{</span><span class="nt">width</span><span class="nd">:70</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_18</span><span class="p">{</span><span class="nt">width</span><span class="nd">:75</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_19</span><span class="p">{</span><span class="nt">width</span><span class="nd">:79</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_20</span><span class="p">{</span><span class="nt">width</span><span class="nd">:83</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_21</span><span class="p">{</span><span class="nt">width</span><span class="nd">:87</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_22</span><span class="p">{</span><span class="nt">width</span><span class="nd">:91</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_23</span><span class="p">{</span><span class="nt">width</span><span class="nd">:95</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_24</span><span class="p">{</span><span class="nt">width</span><span class="nd">:100</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_0</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.prefix_1</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:4</span><span class="nc">.1666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_2</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:8</span><span class="nc">.3333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_3</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:12</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_4</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:16</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_5</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:20</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_6</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:25</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_7</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:29</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_8</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:33</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_9</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:37</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_10</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:41</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_11</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:45</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_12</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:50</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_13</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:54</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_14</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:58</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_15</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:62</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_16</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:66</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_17</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:70</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_18</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:75</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_19</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:79</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_20</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:83</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_21</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:87</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_22</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:91</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_23</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:95</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_24</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:100</span><span class="err">%</span><span class="p">}</span><span class="nc">.hidden_l</span><span class="o">,</span><span class="nc">.visible_m</span><span class="o">,</span><span class="nc">.visible_phone</span><span class="o">,</span><span class="nc">.visible_s</span><span class="o">,</span><span class="nc">.visible_xl</span><span class="o">,</span><span class="nc">.visible_xs</span><span class="p">{</span><span class="nt">display</span><span class="nd">:none</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="k">@media</span> <span class="n">only</span> <span class="n">screen</span> <span class="ow">and</span> <span class="p">(</span><span class="no">min-width</span><span class="o">:</span><span class="mi">1024</span><span class="kt">px</span><span class="p">)</span> <span class="ow">and</span> <span class="p">(</span><span class="no">max-width</span><span class="o">:</span><span class="mi">1199</span><span class="kt">px</span><span class="p">){</span><span class="nc">.hidden_m</span><span class="o">,</span><span class="nc">.hidden_phone</span><span class="o">,</span><span class="nc">.hidden_s</span><span class="o">,</span><span class="nc">.hidden_xl</span><span class="o">,</span><span class="nc">.hidden_xs</span><span class="p">{</span><span class="nt">display</span><span class="nd">:inline-block</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nc">.hidden_l</span><span class="o">,</span><span class="nc">.visible_m</span><span class="o">,</span><span class="nc">.visible_phone</span><span class="o">,</span><span class="nc">.visible_s</span><span class="o">,</span><span class="nc">.visible_xl</span><span class="o">,</span><span class="nc">.visible_xs</span><span class="p">{</span><span class="nt">display</span><span class="nd">:none</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nc">.visible_l</span><span class="p">{</span><span class="nt">display</span><span class="nd">:inline-block</span><span class="o">!</span><span class="nt">important</span><span class="p">}}</span><span class="k">@media</span> <span class="n">only</span> <span class="n">screen</span> <span class="ow">and</span> <span class="p">(</span><span class="no">min-width</span><span class="o">:</span><span class="mi">1200</span><span class="kt">px</span><span class="p">){</span><span class="nt">body</span><span class="p">{</span><span class="nt">min-width</span><span class="nd">:1170px</span><span class="p">}</span><span class="nc">.container_24</span><span class="p">{</span><span class="nt">width</span><span class="nd">:1170px</span><span class="p">}</span><span class="nc">.grid_1_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:4</span><span class="nc">.1666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_2_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:8</span><span class="nc">.3333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_3_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:12</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_4_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:16</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_5_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:20</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_6_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:25</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_7_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:29</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_8_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:33</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_9_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:37</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_10_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:41</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_11_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:45</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_12_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:50</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_13_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:54</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_14_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:58</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_15_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:62</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_16_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:66</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_17_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:70</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_18_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:75</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_19_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:79</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_20_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:83</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_21_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:87</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_22_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:91</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_23_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:95</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_24_xl</span><span class="p">{</span><span class="nt">width</span><span class="nd">:100</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_0_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.prefix_1_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:4</span><span class="nc">.1666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_2_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:8</span><span class="nc">.3333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_3_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:12</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_4_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:16</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_5_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:20</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_6_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:25</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_7_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:29</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_8_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:33</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_9_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:37</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_10_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:41</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_11_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:45</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_12_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:50</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_13_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:54</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_14_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:58</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_15_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:62</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_16_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:66</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_17_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:70</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_18_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:75</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_19_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:79</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_20_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:83</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_21_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:87</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_22_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:91</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_23_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:95</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_24_xl</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:100</span><span class="err">%</span><span class="p">}</span><span class="nc">.hidden_l</span><span class="o">,</span><span class="nc">.hidden_m</span><span class="o">,</span><span class="nc">.hidden_phone</span><span class="o">,</span><span class="nc">.hidden_s</span><span class="o">,</span><span class="nc">.hidden_xs</span><span class="p">{</span><span class="nt">display</span><span class="nd">:inline-block</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nc">.hidden_xl</span><span class="o">,</span><span class="nc">.visible_l</span><span class="o">,</span><span class="nc">.visible_m</span><span class="o">,</span><span class="nc">.visible_phone</span><span class="o">,</span><span class="nc">.visible_s</span><span class="o">,</span><span class="nc">.visible_xs</span><span class="p">{</span><span class="nt">display</span><span class="nd">:none</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nc">.visible_xl</span><span class="p">{</span><span class="nt">display</span><span class="nd">:inline-block</span><span class="o">!</span><span class="nt">important</span><span class="p">}}</span><span class="k">@media</span> <span class="n">only</span> <span class="n">screen</span> <span class="ow">and</span> <span class="p">(</span><span class="no">min-width</span><span class="o">:</span><span class="mi">768</span><span class="kt">px</span><span class="p">)</span> <span class="ow">and</span> <span class="p">(</span><span class="no">max-width</span><span class="o">:</span><span class="mi">1023</span><span class="kt">px</span><span class="p">){</span><span class="nt">body</span><span class="p">{</span><span class="nt">min-width</span><span class="nd">:750px</span><span class="p">}</span><span class="nc">.container_24</span><span class="p">{</span><span class="nt">width</span><span class="nd">:750px</span><span class="p">}</span><span class="nc">.grid_1_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:4</span><span class="nc">.1666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_2_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:8</span><span class="nc">.3333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_3_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:12</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_4_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:16</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_5_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:20</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_6_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:25</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_7_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:29</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_8_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:33</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_9_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:37</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_10_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:41</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_11_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:45</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_12_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:50</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_13_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:54</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_14_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:58</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_15_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:62</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_16_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:66</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_17_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:70</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_18_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:75</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_19_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:79</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_20_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:83</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_21_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:87</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_22_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:91</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_23_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:95</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_24_m</span><span class="p">{</span><span class="nt">width</span><span class="nd">:100</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_0_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.prefix_1_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:4</span><span class="nc">.1666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_2_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:8</span><span class="nc">.3333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_3_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:12</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_4_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:16</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_5_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:20</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_6_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:25</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_7_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:29</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_8_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:33</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_9_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:37</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_10_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:41</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_11_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:45</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_12_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:50</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_13_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:54</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_14_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:58</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_15_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:62</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_16_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:66</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_17_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:70</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_18_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:75</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_19_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:79</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_20_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:83</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_21_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:87</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_22_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:91</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_23_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:95</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_24_m</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:100</span><span class="err">%</span><span class="p">}</span><span class="nc">.hidden_l</span><span class="o">,</span><span class="nc">.hidden_phone</span><span class="o">,</span><span class="nc">.hidden_s</span><span class="o">,</span><span class="nc">.hidden_xl</span><span class="o">,</span><span class="nc">.hidden_xs</span><span class="p">{</span><span class="nt">display</span><span class="nd">:inline-block</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nc">.hidden_m</span><span class="o">,</span><span class="nc">.visible_l</span><span class="o">,</span><span class="nc">.visible_phone</span><span class="o">,</span><span class="nc">.visible_s</span><span class="o">,</span><span class="nc">.visible_xl</span><span class="o">,</span><span class="nc">.visible_xs</span><span class="p">{</span><span class="nt">display</span><span class="nd">:none</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nc">.visible_m</span><span class="p">{</span><span class="nt">display</span><span class="nd">:inline-block</span><span class="o">!</span><span class="nt">important</span><span class="p">}}</span><span class="k">@media</span> <span class="n">only</span> <span class="n">screen</span> <span class="ow">and</span> <span class="p">(</span><span class="no">max-width</span><span class="o">:</span><span class="mi">767</span><span class="kt">px</span><span class="p">){</span><span class="nt">body</span><span class="p">{</span><span class="nt">min-width</span><span class="nd">:300px</span><span class="p">}</span><span class="nc">.container_24</span><span class="p">{</span><span class="nt">width</span><span class="nd">:90</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_1</span><span class="o">,</span><span class="nc">.grid_10</span><span class="o">,</span><span class="nc">.grid_11</span><span class="o">,</span><span class="nc">.grid_12</span><span class="o">,</span><span class="nc">.grid_13</span><span class="o">,</span><span class="nc">.grid_14</span><span class="o">,</span><span class="nc">.grid_15</span><span class="o">,</span><span class="nc">.grid_16</span><span class="o">,</span><span class="nc">.grid_17</span><span class="o">,</span><span class="nc">.grid_18</span><span class="o">,</span><span class="nc">.grid_19</span><span class="o">,</span><span class="nc">.grid_2</span><span class="o">,</span><span class="nc">.grid_20</span><span class="o">,</span><span class="nc">.grid_21</span><span class="o">,</span><span class="nc">.grid_22</span><span class="o">,</span><span class="nc">.grid_23</span><span class="o">,</span><span class="nc">.grid_24</span><span class="o">,</span><span class="nc">.grid_3</span><span class="o">,</span><span class="nc">.grid_4</span><span class="o">,</span><span class="nc">.grid_5</span><span class="o">,</span><span class="nc">.grid_6</span><span class="o">,</span><span class="nc">.grid_7</span><span class="o">,</span><span class="nc">.grid_8</span><span class="o">,</span><span class="nc">.grid_9</span><span class="p">{</span><span class="nt">width</span><span class="nd">:100</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_1</span><span class="o">,</span><span class="nc">.prefix_10</span><span class="o">,</span><span class="nc">.prefix_11</span><span class="o">,</span><span class="nc">.prefix_12</span><span class="o">,</span><span class="nc">.prefix_13</span><span class="o">,</span><span class="nc">.prefix_14</span><span class="o">,</span><span class="nc">.prefix_15</span><span class="o">,</span><span class="nc">.prefix_16</span><span class="o">,</span><span class="nc">.prefix_17</span><span class="o">,</span><span class="nc">.prefix_18</span><span class="o">,</span><span class="nc">.prefix_19</span><span class="o">,</span><span class="nc">.prefix_2</span><span class="o">,</span><span class="nc">.prefix_20</span><span class="o">,</span><span class="nc">.prefix_21</span><span class="o">,</span><span class="nc">.prefix_22</span><span class="o">,</span><span class="nc">.prefix_23</span><span class="o">,</span><span class="nc">.prefix_24</span><span class="o">,</span><span class="nc">.prefix_3</span><span class="o">,</span><span class="nc">.prefix_4</span><span class="o">,</span><span class="nc">.prefix_5</span><span class="o">,</span><span class="nc">.prefix_6</span><span class="o">,</span><span class="nc">.prefix_7</span><span class="o">,</span><span class="nc">.prefix_8</span><span class="o">,</span><span class="nc">.prefix_9</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.no_inner_phone</span><span class="p">{</span><span class="nt">padding-left</span><span class="nd">:0</span><span class="o">;</span><span class="nt">padding-right</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.no_inner_l_phone</span><span class="p">{</span><span class="nt">padding-left</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.no_inner_r_phone</span><span class="p">{</span><span class="nt">padding-right</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.no_inner_t_phone</span><span class="p">{</span><span class="nt">padding-top</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.no_inner_b_phone</span><span class="p">{</span><span class="nt">padding-bottom</span><span class="nd">:0</span><span class="p">}}</span><span class="k">@media</span> <span class="n">only</span> <span class="n">screen</span> <span class="ow">and</span> <span class="p">(</span><span class="no">min-width</span><span class="o">:</span><span class="mi">480</span><span class="kt">px</span><span class="p">)</span> <span class="ow">and</span> <span class="p">(</span><span class="no">max-width</span><span class="o">:</span><span class="mi">767</span><span class="kt">px</span><span class="p">){</span><span class="nt">body</span><span class="p">{</span><span class="nt">min-width</span><span class="nd">:420px</span><span class="p">}</span><span class="nc">.grid_1_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:4</span><span class="nc">.1666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_2_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:8</span><span class="nc">.3333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_3_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:12</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_4_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:16</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_5_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:20</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_6_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:25</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_7_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:29</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_8_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:33</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_9_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:37</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_10_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:41</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_11_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:45</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_12_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:50</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_13_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:54</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_14_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:58</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_15_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:62</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_16_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:66</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_17_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:70</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_18_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:75</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_19_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:79</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_20_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:83</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_21_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:87</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_22_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:91</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_23_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:95</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_24_s</span><span class="p">{</span><span class="nt">width</span><span class="nd">:100</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_0_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.prefix_1_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:4</span><span class="nc">.1666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_2_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:8</span><span class="nc">.3333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_3_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:12</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_4_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:16</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_5_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:20</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_6_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:25</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_7_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:29</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_8_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:33</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_9_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:37</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_10_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:41</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_11_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:45</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_12_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:50</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_13_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:54</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_14_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:58</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_15_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:62</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_16_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:66</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_17_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:70</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_18_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:75</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_19_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:79</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_20_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:83</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_21_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:87</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_22_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:91</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_23_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:95</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_24_s</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:100</span><span class="err">%</span><span class="p">}</span><span class="nc">.hidden_l</span><span class="o">,</span><span class="nc">.hidden_m</span><span class="o">,</span><span class="nc">.hidden_xl</span><span class="o">,</span><span class="nc">.hidden_xs</span><span class="p">{</span><span class="nt">display</span><span class="nd">:inline-block</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nc">.hidden_s</span><span class="o">,</span><span class="nc">.visible_l</span><span class="o">,</span><span class="nc">.visible_m</span><span class="o">,</span><span class="nc">.visible_xl</span><span class="o">,</span><span class="nc">.visible_xs</span><span class="p">{</span><span class="nt">display</span><span class="nd">:none</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nc">.visible_s</span><span class="p">{</span><span class="nt">display</span><span class="nd">:inline-block</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nc">.no_inner_s</span><span class="p">{</span><span class="nt">padding-left</span><span class="nd">:0</span><span class="o">;</span><span class="nt">padding-right</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.no_inner_l_s</span><span class="p">{</span><span class="nt">padding-left</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.no_inner_r_s</span><span class="p">{</span><span class="nt">padding-right</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.no_inner_t_s</span><span class="p">{</span><span class="nt">padding-top</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.no_inner_b_s</span><span class="p">{</span><span class="nt">padding-bottom</span><span class="nd">:0</span><span class="p">}}</span><span class="k">@media</span> <span class="n">only</span> <span class="n">screen</span> <span class="ow">and</span> <span class="p">(</span><span class="no">max-width</span><span class="o">:</span><span class="mi">479</span><span class="kt">px</span><span class="p">){</span><span class="nc">.grid_1_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:4</span><span class="nc">.1666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_2_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:8</span><span class="nc">.3333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_3_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:12</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_4_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:16</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_5_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:20</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_6_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:25</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_7_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:29</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_8_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:33</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_9_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:37</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_10_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:41</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_11_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:45</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_12_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:50</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_13_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:54</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_14_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:58</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_15_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:62</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_16_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:66</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_17_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:70</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_18_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:75</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_19_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:79</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_20_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:83</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_21_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:87</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_22_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:91</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_23_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:95</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.grid_24_xs</span><span class="p">{</span><span class="nt">width</span><span class="nd">:100</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_0_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.prefix_1_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:4</span><span class="nc">.1666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_2_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:8</span><span class="nc">.3333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_3_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:12</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_4_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:16</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_5_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:20</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_6_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:25</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_7_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:29</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_8_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:33</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_9_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:37</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_10_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:41</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_11_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:45</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_12_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:50</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_13_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:54</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_14_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:58</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_15_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:62</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_16_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:66</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_17_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:70</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_18_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:75</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_19_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:79</span><span class="nc">.166666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_20_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:83</span><span class="nc">.333333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_21_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:87</span><span class="nc">.5</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_22_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:91</span><span class="nc">.666666666667</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_23_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:95</span><span class="nc">.833333333333</span><span class="err">%</span><span class="p">}</span><span class="nc">.prefix_24_xs</span><span class="p">{</span><span class="nt">margin-left</span><span class="nd">:100</span><span class="err">%</span><span class="p">}</span><span class="nc">.hidden_l</span><span class="o">,</span><span class="nc">.hidden_m</span><span class="o">,</span><span class="nc">.hidden_s</span><span class="o">,</span><span class="nc">.hidden_xl</span><span class="p">{</span><span class="nt">display</span><span class="nd">:inline-block</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nc">.hidden_xs</span><span class="o">,</span><span class="nc">.visible_l</span><span class="o">,</span><span class="nc">.visible_m</span><span class="o">,</span><span class="nc">.visible_s</span><span class="o">,</span><span class="nc">.visible_xl</span><span class="p">{</span><span class="nt">display</span><span class="nd">:none</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nc">.visible_xs</span><span class="p">{</span><span class="nt">display</span><span class="nd">:inline-block</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nc">.no_inner_xs</span><span class="p">{</span><span class="nt">padding-left</span><span class="nd">:0</span><span class="o">;</span><span class="nt">padding-right</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.no_inner_l_xs</span><span class="p">{</span><span class="nt">padding-left</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.no_inner_r_xs</span><span class="p">{</span><span class="nt">padding-right</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.no_inner_t_xs</span><span class="p">{</span><span class="nt">padding-top</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.no_inner_b_xs</span><span class="p">{</span><span class="nt">padding-bottom</span><span class="nd">:0</span><span class="p">}}</span><span class="k">@media</span> <span class="n">only</span> <span class="n">screen</span> <span class="ow">and</span> <span class="p">(</span><span class="no">max-width</span><span class="o">:</span><span class="mi">767</span><span class="kt">px</span><span class="p">){</span><span class="nc">.hidden_phone</span><span class="p">{</span><span class="nt">display</span><span class="nd">:none</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nc">.visible_phone</span><span class="p">{</span><span class="nt">display</span><span class="nd">:inline-block</span><span class="o">!</span><span class="nt">important</span><span class="p">}}</span><span class="k">@media</span> <span class="n">print</span><span class="p">{</span><span class="o">*</span><span class="p">{</span><span class="nt">background</span><span class="nd">:0</span> <span class="nt">0</span><span class="o">!</span><span class="nt">important</span><span class="o">;</span><span class="nt">color</span><span class="nd">:</span><span class="nn">#000</span><span class="o">!</span><span class="nt">important</span><span class="o">;</span><span class="nt">text-shadow</span><span class="nd">:none</span><span class="o">!</span><span class="nt">important</span><span class="o">;</span><span class="nt">filter</span><span class="nd">:none</span><span class="o">!</span><span class="nt">important</span><span class="o">;</span><span class="nt">-ms-filter</span><span class="nd">:none</span><span class="o">!</span><span class="nt">important</span><span class="o">;</span><span class="nt">font-family</span><span class="nd">:Arial</span><span class="o">,</span><span class="nt">Helvetica</span><span class="o">,</span><span class="nt">sans-serif</span><span class="o">;</span><span class="nt">margin</span><span class="nd">:20px</span> <span class="nt">0</span><span class="o">;</span><span class="nt">text-align</span><span class="nd">:left</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nt">body</span><span class="p">{</span><span class="nt">font-size</span><span class="nd">:11px</span><span class="o">;</span><span class="nt">line-height</span><span class="nd">:1</span><span class="nc">.2em</span><span class="p">}</span><span class="nt">body</span> <span class="nt">div</span><span class="p">{</span><span class="nt">display</span><span class="nd">:block</span><span class="o">;</span><span class="nt">float</span><span class="nd">:left</span><span class="o">;</span><span class="nt">width</span><span class="nd">:90</span><span class="err">%</span><span class="o">;</span><span class="nt">margin</span><span class="nd">:10px</span> <span class="nt">auto</span><span class="o">;</span><span class="nt">padding</span><span class="nd">:0</span><span class="p">}</span><span class="nt">a</span><span class="o">,</span><span class="nt">a</span><span class="nd">:visited</span><span class="p">{</span><span class="nt">text-decoration</span><span class="nd">:underline</span><span class="p">}</span><span class="nt">a</span><span class="o">[</span><span class="nt">href</span><span class="o">]</span><span class="nd">:after</span><span class="p">{</span><span class="nt">content</span><span class="nd">:</span><span class="s2">&quot;&quot;</span><span class="o">;</span><span class="nt">display</span><span class="nd">:none</span><span class="p">}</span><span class="nc">.ir</span> <span class="nt">a</span><span class="nd">:after</span><span class="o">,</span><span class="nt">a</span><span class="o">[</span><span class="nt">href</span><span class="o">^=</span><span class="s2">&quot;javascript:&quot;</span><span class="o">]</span><span class="nd">:after</span><span class="o">,</span><span class="nt">a</span><span class="o">[</span><span class="nt">href</span><span class="o">^=</span><span class="s2">&quot;#&quot;</span><span class="o">]</span><span class="nd">:after</span><span class="p">{</span><span class="nt">content</span><span class="nd">:</span><span class="s2">&quot;&quot;</span><span class="p">}</span><span class="nt">blockquote</span><span class="o">,</span><span class="nt">pre</span><span class="p">{</span><span class="nt">border</span><span class="nd">:1px</span> <span class="nt">solid</span> <span class="nn">#999</span><span class="o">;</span><span class="nt">page-break-inside</span><span class="nd">:avoid</span><span class="p">}</span><span class="nt">thead</span><span class="p">{</span><span class="nt">display</span><span class="nd">:table-header-group</span><span class="p">}</span><span class="nt">img</span><span class="o">,</span><span class="nt">tr</span><span class="p">{</span><span class="nt">page-break-inside</span><span class="nd">:avoid</span><span class="p">}</span><span class="nt">img</span><span class="p">{</span><span class="nt">max-width</span><span class="nd">:100</span><span class="err">%</span><span class="o">!</span><span class="nt">important</span><span class="p">}</span><span class="nt">h2</span><span class="o">,</span><span class="nt">h3</span><span class="o">,</span><span class="nt">p</span><span class="p">{</span><span class="nt">orphans</span><span class="nd">:3</span><span class="o">;</span><span class="nt">widows</span><span class="nd">:3</span><span class="p">}</span><span class="nt">h2</span><span class="o">,</span><span class="nt">h3</span><span class="p">{</span><span class="nt">page-break-after</span><span class="nd">:avoid</span><span class="p">}</span><span class="nt">h1</span><span class="o">,</span><span class="nt">h2</span><span class="o">,</span><span class="nt">h3</span><span class="o">,</span><span class="nt">h4</span><span class="o">,</span><span class="nt">h5</span><span class="o">,</span><span class="nt">p</span><span class="o">,</span><span class="nt">table</span><span class="o">,</span><span class="nt">ul</span><span class="p">{</span><span class="nt">margin</span><span class="nd">:0</span> <span class="nt">0</span> <span class="nt">8px</span><span class="o">;</span><span class="nt">padding</span><span class="nd">:0</span><span class="p">}</span><span class="nc">.hidden_print</span><span class="p">{</span><span class="nt">display</span><span class="nd">:none</span><span class="o">!</span><span class="nt">important</span><span class="p">}}</span> </span></pre></div> </td></tr></table>
"responsive break points", grid, scss
--- 
+++ 
@@ -0,0 +1,46 @@
+////////////////////////////////////////
+///// Media Queries Breakpoints ////////
+////////////////////////////////////////
+
+/* Do not Edit! */
+
+// Extra small screen
+$grid_xs:                  479px;
+$grid_xs_min:              300px;
+$grid_xs_max:              $grid_xs;
+
+// Small screen / tablet
+$grid_s:                  767px;
+$grid_s_min:              ($grid_xs + 1);
+$grid_s_max:              $grid_s;
+
+// Medium screen / tablet
+$grid_m:                  1023px;
+$grid_m_min:              ($grid_s + 1);
+$grid_m_max:              $grid_m;
+
+// Large screen / desktop
+$grid_l:                  1199px;
+$grid_l_min:              ($grid_m + 1);
+$grid_l_max:              $grid_l;
+
+// Extra Large screen / wide desktop
+$grid_xl:                 ($grid_l + 1);
+$grid_xl_min:             ($grid_l + 1);
+
+// Phone Size
+$grid_phone:              $grid_s;
+$grid_phone_min:          $grid_xs_min;
+$grid_phone_max:          $grid_phone;
+
+
+
+/**
+  * Grid.css v2.1.2
+  * https://github.com/mcnamee/grid
+  *
+  * Copyright 2014 Matt Mcnamee - www.mcnamee.co
+  * Free to use under the GPLv2 license.
+  * http://www.gnu.org/licenses/gpl-2.0.html
+  **/
+*{text-rendering:auto;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,html{height:100%}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-y:scroll}body,button,input,select,textarea{font-family:sans-serif;color:#222}body{background:#fff;margin:0;font-size:1em;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{color:#00e;outline:0}a:hover{color:#06e}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ol,ul{margin:0;padding:0}dd{margin:0 0 0 40px}nav ol,nav ul{list-style:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}address{display:block;line-height:18px;margin-bottom:18px}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}p img{margin:0}em{font-style:italic}small{font-size:80%}blockquote,blockquote p{font-size:17px;line-height:24px;color:#777;font-style:italic}blockquote{margin:0 0 20px;padding:10px 20px;border-left:1px solid #ddd}blockquote cite{display:block;font-size:12px;color:#555}blockquote cite:before{content:"\2014 \0020"}blockquote cite a,blockquote cite a:visited{color:#555}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;float:left}audio,canvas,video{display:inline-block}[hidden],audio:not([controls]){display:none}.grid_demo,.grid_demo_g{margin:0 0 20px;font-size:11px}.grid_demo .inner,.grid_demo .text_align_center,.grid_demo_g>.inner>div{background:#ececec;border:1px solid #ccc;border-right:0;padding-top:30px;padding-bottom:30px}.grid_demo .inner:last-child,.grid_demo .text_align_center:last-child,.grid_demo_g>.inner>div{border-right:1px solid #ccc}.float_right{float:right!important}.float_left{float:left!important}.text_align_center{text-align:center!important}.text_align_right{text-align:right!important}.text_align_left{text-align:left!important}.scale_with_grid{max-width:100%;width:auto;height:auto;max-height:100%}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after,.clearfix:before,.container_24:after,.container_24:before{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after,.container_24:after{clear:both}.clearfix,.container_24{zoom:1}.container_24{margin-left:auto;margin-right:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width linear .2s;-moz-transition:width linear .2s;transition:width linear .2s}.grid_1,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_2,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9{display:inline-block;float:left;position:relative;margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.hidden{display:none!important;visibility:hidden}.inner{padding-left:10px;padding-right:10px}.inner_l{padding-left:10px}.inner_r{padding-right:10px}.inner_t{padding-top:10px}.inner_b{padding-bottom:10px}body{min-width:1008px}.container_24{width:1008px}.grid_1{width:4.1666666666667%}.grid_2{width:8.3333333333333%}.grid_3{width:12.5%}.grid_4{width:16.666666666667%}.grid_5{width:20.833333333333%}.grid_6{width:25%}.grid_7{width:29.166666666667%}.grid_8{width:33.333333333333%}.grid_9{width:37.5%}.grid_10{width:41.666666666667%}.grid_11{width:45.833333333333%}.grid_12{width:50%}.grid_13{width:54.166666666667%}.grid_14{width:58.333333333333%}.grid_15{width:62.5%}.grid_16{width:66.666666666667%}.grid_17{width:70.833333333333%}.grid_18{width:75%}.grid_19{width:79.166666666667%}.grid_20{width:83.333333333333%}.grid_21{width:87.5%}.grid_22{width:91.666666666667%}.grid_23{width:95.833333333333%}.grid_24{width:100%}.prefix_0{margin-left:0}.prefix_1{margin-left:4.1666666666667%}.prefix_2{margin-left:8.3333333333333%}.prefix_3{margin-left:12.5%}.prefix_4{margin-left:16.666666666667%}.prefix_5{margin-left:20.833333333333%}.prefix_6{margin-left:25%}.prefix_7{margin-left:29.166666666667%}.prefix_8{margin-left:33.333333333333%}.prefix_9{margin-left:37.5%}.prefix_10{margin-left:41.666666666667%}.prefix_11{margin-left:45.833333333333%}.prefix_12{margin-left:50%}.prefix_13{margin-left:54.166666666667%}.prefix_14{margin-left:58.333333333333%}.prefix_15{margin-left:62.5%}.prefix_16{margin-left:66.666666666667%}.prefix_17{margin-left:70.833333333333%}.prefix_18{margin-left:75%}.prefix_19{margin-left:79.166666666667%}.prefix_20{margin-left:83.333333333333%}.prefix_21{margin-left:87.5%}.prefix_22{margin-left:91.666666666667%}.prefix_23{margin-left:95.833333333333%}.prefix_24{margin-left:100%}.hidden_l,.visible_m,.visible_phone,.visible_s,.visible_xl,.visible_xs{display:none!important}@media only screen and (min-width:1024px) and (max-width:1199px){.hidden_m,.hidden_phone,.hidden_s,.hidden_xl,.hidden_xs{display:inline-block!important}.hidden_l,.visible_m,.visible_phone,.visible_s,.visible_xl,.visible_xs{display:none!important}.visible_l{display:inline-block!important}}@media only screen and (min-width:1200px){body{min-width:1170px}.container_24{width:1170px}.grid_1_xl{width:4.1666666666667%}.grid_2_xl{width:8.3333333333333%}.grid_3_xl{width:12.5%}.grid_4_xl{width:16.666666666667%}.grid_5_xl{width:20.833333333333%}.grid_6_xl{width:25%}.grid_7_xl{width:29.166666666667%}.grid_8_xl{width:33.333333333333%}.grid_9_xl{width:37.5%}.grid_10_xl{width:41.666666666667%}.grid_11_xl{width:45.833333333333%}.grid_12_xl{width:50%}.grid_13_xl{width:54.166666666667%}.grid_14_xl{width:58.333333333333%}.grid_15_xl{width:62.5%}.grid_16_xl{width:66.666666666667%}.grid_17_xl{width:70.833333333333%}.grid_18_xl{width:75%}.grid_19_xl{width:79.166666666667%}.grid_20_xl{width:83.333333333333%}.grid_21_xl{width:87.5%}.grid_22_xl{width:91.666666666667%}.grid_23_xl{width:95.833333333333%}.grid_24_xl{width:100%}.prefix_0_xl{margin-left:0}.prefix_1_xl{margin-left:4.1666666666667%}.prefix_2_xl{margin-left:8.3333333333333%}.prefix_3_xl{margin-left:12.5%}.prefix_4_xl{margin-left:16.666666666667%}.prefix_5_xl{margin-left:20.833333333333%}.prefix_6_xl{margin-left:25%}.prefix_7_xl{margin-left:29.166666666667%}.prefix_8_xl{margin-left:33.333333333333%}.prefix_9_xl{margin-left:37.5%}.prefix_10_xl{margin-left:41.666666666667%}.prefix_11_xl{margin-left:45.833333333333%}.prefix_12_xl{margin-left:50%}.prefix_13_xl{margin-left:54.166666666667%}.prefix_14_xl{margin-left:58.333333333333%}.prefix_15_xl{margin-left:62.5%}.prefix_16_xl{margin-left:66.666666666667%}.prefix_17_xl{margin-left:70.833333333333%}.prefix_18_xl{margin-left:75%}.prefix_19_xl{margin-left:79.166666666667%}.prefix_20_xl{margin-left:83.333333333333%}.prefix_21_xl{margin-left:87.5%}.prefix_22_xl{margin-left:91.666666666667%}.prefix_23_xl{margin-left:95.833333333333%}.prefix_24_xl{margin-left:100%}.hidden_l,.hidden_m,.hidden_phone,.hidden_s,.hidden_xs{display:inline-block!important}.hidden_xl,.visible_l,.visible_m,.visible_phone,.visible_s,.visible_xs{display:none!important}.visible_xl{display:inline-block!important}}@media only screen and (min-width:768px) and (max-width:1023px){body{min-width:750px}.container_24{width:750px}.grid_1_m{width:4.1666666666667%}.grid_2_m{width:8.3333333333333%}.grid_3_m{width:12.5%}.grid_4_m{width:16.666666666667%}.grid_5_m{width:20.833333333333%}.grid_6_m{width:25%}.grid_7_m{width:29.166666666667%}.grid_8_m{width:33.333333333333%}.grid_9_m{width:37.5%}.grid_10_m{width:41.666666666667%}.grid_11_m{width:45.833333333333%}.grid_12_m{width:50%}.grid_13_m{width:54.166666666667%}.grid_14_m{width:58.333333333333%}.grid_15_m{width:62.5%}.grid_16_m{width:66.666666666667%}.grid_17_m{width:70.833333333333%}.grid_18_m{width:75%}.grid_19_m{width:79.166666666667%}.grid_20_m{width:83.333333333333%}.grid_21_m{width:87.5%}.grid_22_m{width:91.666666666667%}.grid_23_m{width:95.833333333333%}.grid_24_m{width:100%}.prefix_0_m{margin-left:0}.prefix_1_m{margin-left:4.1666666666667%}.prefix_2_m{margin-left:8.3333333333333%}.prefix_3_m{margin-left:12.5%}.prefix_4_m{margin-left:16.666666666667%}.prefix_5_m{margin-left:20.833333333333%}.prefix_6_m{margin-left:25%}.prefix_7_m{margin-left:29.166666666667%}.prefix_8_m{margin-left:33.333333333333%}.prefix_9_m{margin-left:37.5%}.prefix_10_m{margin-left:41.666666666667%}.prefix_11_m{margin-left:45.833333333333%}.prefix_12_m{margin-left:50%}.prefix_13_m{margin-left:54.166666666667%}.prefix_14_m{margin-left:58.333333333333%}.prefix_15_m{margin-left:62.5%}.prefix_16_m{margin-left:66.666666666667%}.prefix_17_m{margin-left:70.833333333333%}.prefix_18_m{margin-left:75%}.prefix_19_m{margin-left:79.166666666667%}.prefix_20_m{margin-left:83.333333333333%}.prefix_21_m{margin-left:87.5%}.prefix_22_m{margin-left:91.666666666667%}.prefix_23_m{margin-left:95.833333333333%}.prefix_24_m{margin-left:100%}.hidden_l,.hidden_phone,.hidden_s,.hidden_xl,.hidden_xs{display:inline-block!important}.hidden_m,.visible_l,.visible_phone,.visible_s,.visible_xl,.visible_xs{display:none!important}.visible_m{display:inline-block!important}}@media only screen and (max-width:767px){body{min-width:300px}.container_24{width:90%}.grid_1,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_2,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9{width:100%}.prefix_1,.prefix_10,.prefix_11,.prefix_12,.prefix_13,.prefix_14,.prefix_15,.prefix_16,.prefix_17,.prefix_18,.prefix_19,.prefix_2,.prefix_20,.prefix_21,.prefix_22,.prefix_23,.prefix_24,.prefix_3,.prefix_4,.prefix_5,.prefix_6,.prefix_7,.prefix_8,.prefix_9{margin-left:0}.no_inner_phone{padding-left:0;padding-right:0}.no_inner_l_phone{padding-left:0}.no_inner_r_phone{padding-right:0}.no_inner_t_phone{padding-top:0}.no_inner_b_phone{padding-bottom:0}}@media only screen and (min-width:480px) and (max-width:767px){body{min-width:420px}.grid_1_s{width:4.1666666666667%}.grid_2_s{width:8.3333333333333%}.grid_3_s{width:12.5%}.grid_4_s{width:16.666666666667%}.grid_5_s{width:20.833333333333%}.grid_6_s{width:25%}.grid_7_s{width:29.166666666667%}.grid_8_s{width:33.333333333333%}.grid_9_s{width:37.5%}.grid_10_s{width:41.666666666667%}.grid_11_s{width:45.833333333333%}.grid_12_s{width:50%}.grid_13_s{width:54.166666666667%}.grid_14_s{width:58.333333333333%}.grid_15_s{width:62.5%}.grid_16_s{width:66.666666666667%}.grid_17_s{width:70.833333333333%}.grid_18_s{width:75%}.grid_19_s{width:79.166666666667%}.grid_20_s{width:83.333333333333%}.grid_21_s{width:87.5%}.grid_22_s{width:91.666666666667%}.grid_23_s{width:95.833333333333%}.grid_24_s{width:100%}.prefix_0_s{margin-left:0}.prefix_1_s{margin-left:4.1666666666667%}.prefix_2_s{margin-left:8.3333333333333%}.prefix_3_s{margin-left:12.5%}.prefix_4_s{margin-left:16.666666666667%}.prefix_5_s{margin-left:20.833333333333%}.prefix_6_s{margin-left:25%}.prefix_7_s{margin-left:29.166666666667%}.prefix_8_s{margin-left:33.333333333333%}.prefix_9_s{margin-left:37.5%}.prefix_10_s{margin-left:41.666666666667%}.prefix_11_s{margin-left:45.833333333333%}.prefix_12_s{margin-left:50%}.prefix_13_s{margin-left:54.166666666667%}.prefix_14_s{margin-left:58.333333333333%}.prefix_15_s{margin-left:62.5%}.prefix_16_s{margin-left:66.666666666667%}.prefix_17_s{margin-left:70.833333333333%}.prefix_18_s{margin-left:75%}.prefix_19_s{margin-left:79.166666666667%}.prefix_20_s{margin-left:83.333333333333%}.prefix_21_s{margin-left:87.5%}.prefix_22_s{margin-left:91.666666666667%}.prefix_23_s{margin-left:95.833333333333%}.prefix_24_s{margin-left:100%}.hidden_l,.hidden_m,.hidden_xl,.hidden_xs{display:inline-block!important}.hidden_s,.visible_l,.visible_m,.visible_xl,.visible_xs{display:none!important}.visible_s{display:inline-block!important}.no_inner_s{padding-left:0;padding-right:0}.no_inner_l_s{padding-left:0}.no_inner_r_s{padding-right:0}.no_inner_t_s{padding-top:0}.no_inner_b_s{padding-bottom:0}}@media only screen and (max-width:479px){.grid_1_xs{width:4.1666666666667%}.grid_2_xs{width:8.3333333333333%}.grid_3_xs{width:12.5%}.grid_4_xs{width:16.666666666667%}.grid_5_xs{width:20.833333333333%}.grid_6_xs{width:25%}.grid_7_xs{width:29.166666666667%}.grid_8_xs{width:33.333333333333%}.grid_9_xs{width:37.5%}.grid_10_xs{width:41.666666666667%}.grid_11_xs{width:45.833333333333%}.grid_12_xs{width:50%}.grid_13_xs{width:54.166666666667%}.grid_14_xs{width:58.333333333333%}.grid_15_xs{width:62.5%}.grid_16_xs{width:66.666666666667%}.grid_17_xs{width:70.833333333333%}.grid_18_xs{width:75%}.grid_19_xs{width:79.166666666667%}.grid_20_xs{width:83.333333333333%}.grid_21_xs{width:87.5%}.grid_22_xs{width:91.666666666667%}.grid_23_xs{width:95.833333333333%}.grid_24_xs{width:100%}.prefix_0_xs{margin-left:0}.prefix_1_xs{margin-left:4.1666666666667%}.prefix_2_xs{margin-left:8.3333333333333%}.prefix_3_xs{margin-left:12.5%}.prefix_4_xs{margin-left:16.666666666667%}.prefix_5_xs{margin-left:20.833333333333%}.prefix_6_xs{margin-left:25%}.prefix_7_xs{margin-left:29.166666666667%}.prefix_8_xs{margin-left:33.333333333333%}.prefix_9_xs{margin-left:37.5%}.prefix_10_xs{margin-left:41.666666666667%}.prefix_11_xs{margin-left:45.833333333333%}.prefix_12_xs{margin-left:50%}.prefix_13_xs{margin-left:54.166666666667%}.prefix_14_xs{margin-left:58.333333333333%}.prefix_15_xs{margin-left:62.5%}.prefix_16_xs{margin-left:66.666666666667%}.prefix_17_xs{margin-left:70.833333333333%}.prefix_18_xs{margin-left:75%}.prefix_19_xs{margin-left:79.166666666667%}.prefix_20_xs{margin-left:83.333333333333%}.prefix_21_xs{margin-left:87.5%}.prefix_22_xs{margin-left:91.666666666667%}.prefix_23_xs{margin-left:95.833333333333%}.prefix_24_xs{margin-left:100%}.hidden_l,.hidden_m,.hidden_s,.hidden_xl{display:inline-block!important}.hidden_xs,.visible_l,.visible_m,.visible_s,.visible_xl{display:none!important}.visible_xs{display:inline-block!important}.no_inner_xs{padding-left:0;padding-right:0}.no_inner_l_xs{padding-left:0}.no_inner_r_xs{padding-right:0}.no_inner_t_xs{padding-top:0}.no_inner_b_xs{padding-bottom:0}}@media only screen and (max-width:767px){.hidden_phone{display:none!important}.visible_phone{display:inline-block!important}}@media print{*{background:0 0!important;color:#000!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important;font-family:Arial,Helvetica,sans-serif;margin:20px 0;text-align:left!important}body{font-size:11px;line-height:1.2em}body div{display:block;float:left;width:90%;margin:10px auto;padding:0}a,a:visited{text-decoration:underline}a[href]:after{content:"";display:none}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}h1,h2,h3,h4,h5,p,table,ul{margin:0 0 8px;padding:0}.hidden_print{display:none!important}}
  • zargis
  • 3 years, 3 months ago