diff --git a/dist/bcmc.min.css b/dist/bcmc.min.css
index 845332e..a25089e 100644
--- a/dist/bcmc.min.css
+++ b/dist/bcmc.min.css
@@ -1,2 +1,2 @@
-@import"https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css";:root{--red: #cc2b11;--orange: #f39f2d;--yellow: #f1d54c;--lime: #a8d618;--green: #55cc11;--teal: #11cc88;--cyan: #70e2e8;--azure: #11b2cc;--blue: #1155cc;--purple: #8811cc;--magenta: #cc1b22;--rose: #cc1155;--white: white;--gray-light: #4d4d4d;--gray: #999999;--gray-dark: #4d4d4d;--primary: #1155cc;--secondary: #999999;--success: #55cc11;--info: #70e2e8;--warning: #f1d54c;--danger: #cc2b11;--light: white;--dark: black}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:inherit}html,body{width:100%;height:100%}.scroll-disable{overflow:hidden}a{color:var(--color-blue)}a,a:link,a:visited{text-decoration:none;font-weight:bold}.hide{position:absolute  !important;top:-9999px  !important;left:-9999px  !important}@media only screen and (max-width: 700px){.hide-mobile{position:absolute  !important;top:-9999px  !important;left:-9999px  !important}}@media only screen and (min-width: 700px){.hide-desktop{position:absolute  !important;top:-9999px  !important;left:-9999px  !important}}.text-red{color:var(--red);border-color:var(--red)}.bg-red,header.bg-red nav{background-color:var(--red);color:var(--light);border-color:var(--light)}.text-orange{color:var(--orange);border-color:var(--orange)}.bg-orange,header.bg-orange nav{background-color:var(--orange);color:var(--dark);border-color:var(--dark)}.text-yellow{color:var(--yellow);border-color:var(--yellow)}.bg-yellow,header.bg-yellow nav{background-color:var(--yellow);color:var(--dark);border-color:var(--dark)}.text-lime{color:var(--lime);border-color:var(--lime)}.bg-lime,header.bg-lime nav{background-color:var(--lime);color:var(--light);border-color:var(--light)}.text-green{color:var(--green);border-color:var(--green)}.bg-green,header.bg-green nav{background-color:var(--green);color:var(--light);border-color:var(--light)}.text-teal{color:var(--teal);border-color:var(--teal)}.bg-teal,header.bg-teal nav{background-color:var(--teal);color:var(--light);border-color:var(--light)}.text-cyan{color:var(--cyan);border-color:var(--cyan)}.bg-cyan,header.bg-cyan nav{background-color:var(--cyan);color:var(--dark);border-color:var(--dark)}.text-azure{color:var(--azure);border-color:var(--azure)}.bg-azure,header.bg-azure nav{background-color:var(--azure);color:var(--light);border-color:var(--light)}.text-blue{color:var(--blue);border-color:var(--blue)}.bg-blue,header.bg-blue nav{background-color:var(--blue);color:var(--light);border-color:var(--light)}.text-purple{color:var(--purple);border-color:var(--purple)}.bg-purple,header.bg-purple nav{background-color:var(--purple);color:var(--light);border-color:var(--light)}.text-magenta{color:var(--magenta);border-color:var(--magenta)}.bg-magenta,header.bg-magenta nav{background-color:var(--magenta);color:var(--light);border-color:var(--light)}.text-rose{color:var(--rose);border-color:var(--rose)}.bg-rose,header.bg-rose nav{background-color:var(--rose);color:var(--light);border-color:var(--light)}.text-white{color:var(--white);border-color:var(--white)}.bg-white,header.bg-white nav{background-color:var(--white);color:var(--dark);border-color:var(--dark)}.text-gray-light{color:var(--gray-light);border-color:var(--gray-light)}.bg-gray-light,header.bg-gray-light nav{background-color:var(--gray-light);color:var(--light);border-color:var(--light)}.text-gray{color:var(--gray);border-color:var(--gray)}.bg-gray,header.bg-gray nav{background-color:var(--gray);color:var(--dark);border-color:var(--dark)}.text-gray-dark{color:var(--gray-dark);border-color:var(--gray-dark)}.bg-gray-dark,header.bg-gray-dark nav{background-color:var(--gray-dark);color:var(--light);border-color:var(--light)}.text-primary{color:var(--primary);border-color:var(--primary)}.bg-primary,header.bg-primary nav{background-color:var(--primary);color:var(--light);border-color:var(--light)}.text-secondary{color:var(--secondary);border-color:var(--secondary)}.bg-secondary,header.bg-secondary nav{background-color:var(--secondary);color:var(--dark);border-color:var(--dark)}.text-success{color:var(--success);border-color:var(--success)}.bg-success,header.bg-success nav{background-color:var(--success);color:var(--light);border-color:var(--light)}.text-info{color:var(--info);border-color:var(--info)}.bg-info,header.bg-info nav{background-color:var(--info);color:var(--dark);border-color:var(--dark)}.text-warning{color:var(--warning);border-color:var(--warning)}.bg-warning,header.bg-warning nav{background-color:var(--warning);color:var(--dark);border-color:var(--dark)}.text-danger{color:var(--danger);border-color:var(--danger)}.bg-danger,header.bg-danger nav{background-color:var(--danger);color:var(--light);border-color:var(--light)}.text-light{color:var(--light);border-color:var(--light)}.bg-light,header.bg-light nav{background-color:var(--light);color:var(--dark);border-color:var(--dark)}.text-dark{color:var(--dark);border-color:var(--dark)}.bg-dark,header.bg-dark nav{background-color:var(--dark);color:var(--light);border-color:var(--light)}.toggler,nav li a,.nav li a,.btn{cursor:pointer;height:48px;display:block}.bg-red.toggler:hover,header.bg-red nav.toggler:hover,nav li a.bg-red:hover,.nav li a.bg-red:hover,.bg-red.btn:hover,header.bg-red nav.btn:hover{background:#a3220e}.bg-orange.toggler:hover,header.bg-orange nav.toggler:hover,nav li a.bg-orange:hover,.nav li a.bg-orange:hover,.bg-orange.btn:hover,header.bg-orange nav.btn:hover{background:#c27f24}.bg-yellow.toggler:hover,header.bg-yellow nav.toggler:hover,nav li a.bg-yellow:hover,.nav li a.bg-yellow:hover,.bg-yellow.btn:hover,header.bg-yellow nav.btn:hover{background:#c1aa3d}.bg-lime.toggler:hover,header.bg-lime nav.toggler:hover,nav li a.bg-lime:hover,.nav li a.bg-lime:hover,.bg-lime.btn:hover,header.bg-lime nav.btn:hover{background:#86ab13}.bg-green.toggler:hover,header.bg-green nav.toggler:hover,nav li a.bg-green:hover,.nav li a.bg-green:hover,.bg-green.btn:hover,header.bg-green nav.btn:hover{background:#44a30e}.bg-teal.toggler:hover,header.bg-teal nav.toggler:hover,nav li a.bg-teal:hover,.nav li a.bg-teal:hover,.bg-teal.btn:hover,header.bg-teal nav.btn:hover{background:#0ea36d}.bg-cyan.toggler:hover,header.bg-cyan nav.toggler:hover,nav li a.bg-cyan:hover,.nav li a.bg-cyan:hover,.bg-cyan.btn:hover,header.bg-cyan nav.btn:hover{background:#5ab5ba}.bg-azure.toggler:hover,header.bg-azure nav.toggler:hover,nav li a.bg-azure:hover,.nav li a.bg-azure:hover,.bg-azure.btn:hover,header.bg-azure nav.btn:hover{background:#0e8ea3}.bg-blue.toggler:hover,header.bg-blue nav.toggler:hover,nav li a.bg-blue:hover,.nav li a.bg-blue:hover,.bg-blue.btn:hover,header.bg-blue nav.btn:hover{background:#0e44a3}.bg-purple.toggler:hover,header.bg-purple nav.toggler:hover,nav li a.bg-purple:hover,.nav li a.bg-purple:hover,.bg-purple.btn:hover,header.bg-purple nav.btn:hover{background:#6d0ea3}.bg-magenta.toggler:hover,header.bg-magenta nav.toggler:hover,nav li a.bg-magenta:hover,.nav li a.bg-magenta:hover,.bg-magenta.btn:hover,header.bg-magenta nav.btn:hover{background:#a3161b}.bg-rose.toggler:hover,header.bg-rose nav.toggler:hover,nav li a.bg-rose:hover,.nav li a.bg-rose:hover,.bg-rose.btn:hover,header.bg-rose nav.btn:hover{background:#a30e44}.bg-white.toggler:hover,header.bg-white nav.toggler:hover,nav li a.bg-white:hover,.nav li a.bg-white:hover,.bg-white.btn:hover,header.bg-white nav.btn:hover{background:#ccc}.bg-gray-light.toggler:hover,header.bg-gray-light nav.toggler:hover,nav li a.bg-gray-light:hover,.nav li a.bg-gray-light:hover,.bg-gray-light.btn:hover,header.bg-gray-light nav.btn:hover{background:#3e3e3e}.bg-gray.toggler:hover,header.bg-gray nav.toggler:hover,nav li a.bg-gray:hover,.nav li a.bg-gray:hover,.bg-gray.btn:hover,header.bg-gray nav.btn:hover{background:#7a7a7a}.bg-gray-dark.toggler:hover,header.bg-gray-dark nav.toggler:hover,nav li a.bg-gray-dark:hover,.nav li a.bg-gray-dark:hover,.bg-gray-dark.btn:hover,header.bg-gray-dark nav.btn:hover{background:#3e3e3e}.bg-primary.toggler:hover,header.bg-primary nav.toggler:hover,nav li a.bg-primary:hover,.nav li a.bg-primary:hover,.bg-primary.btn:hover,header.bg-primary nav.btn:hover{background:#0e44a3}.bg-secondary.toggler:hover,header.bg-secondary nav.toggler:hover,nav li a.bg-secondary:hover,.nav li a.bg-secondary:hover,.bg-secondary.btn:hover,header.bg-secondary nav.btn:hover{background:#7a7a7a}.bg-success.toggler:hover,header.bg-success nav.toggler:hover,nav li a.bg-success:hover,.nav li a.bg-success:hover,.bg-success.btn:hover,header.bg-success nav.btn:hover{background:#44a30e}.bg-info.toggler:hover,header.bg-info nav.toggler:hover,nav li a.bg-info:hover,.nav li a.bg-info:hover,.bg-info.btn:hover,header.bg-info nav.btn:hover{background:#5ab5ba}.bg-warning.toggler:hover,header.bg-warning nav.toggler:hover,nav li a.bg-warning:hover,.nav li a.bg-warning:hover,.bg-warning.btn:hover,header.bg-warning nav.btn:hover{background:#c1aa3d}.bg-danger.toggler:hover,header.bg-danger nav.toggler:hover,nav li a.bg-danger:hover,.nav li a.bg-danger:hover,.bg-danger.btn:hover,header.bg-danger nav.btn:hover{background:#a3220e}.bg-light.toggler:hover,header.bg-light nav.toggler:hover,nav li a.bg-light:hover,.nav li a.bg-light:hover,.bg-light.btn:hover,header.bg-light nav.btn:hover{background:#ccc}.bg-dark.toggler:hover,header.bg-dark nav.toggler:hover,nav li a.bg-dark:hover,.nav li a.bg-dark:hover,.bg-dark.btn:hover,header.bg-dark nav.btn:hover{background:#000}nav li a,.nav li a,.btn{padding-left:16px;padding-right:16px;padding-top:16px;padding-bottom:16px}.toggler,.btn{border-radius:1em;border-style:solid;border-color:rgba(136,136,136,.3)}.btn{display:inline-block}.toggler{display:inline-block}nav ul,.nav ul,[class^=fi-],body,.row,header .container,[class^=f-]{flex-wrap:wrap}body,.row,header .container,[class^=f-]{display:flex}nav ul,.nav ul,[class^=fi-]{display:inline-flex}.f-row,.fi-row{flex-direction:row}.f-row-reverse,.fi-row-reverse{flex-direction:row-reverse}.f-column,.fi-column{flex-direction:column}.f-column-reverse,.fi-column-reverse{flex-direction:column-reverse}.f-nowrap,.fi-nowrap{flex-wrap:nowrap}.f-wrap,.fi-wrap{flex-wrap:wrap}.f-wrap-reverse,.fi-wrap-reverse{flex-wrap:wrap-reverse}@media only screen and (max-width: 700px){.row,header .container{flex-flow:column}}[class^=col]{width:100%}@media only screen and (min-width: 700px){.col-11-12,.col-11{width:91.6666666667%}.col-7-12,.col-7{width:58.3333333333%}.col-5-12,.col-5{width:41.6666666667%}.col-1-12{width:8.3333333333%}.col-10-11{width:90.9090909091%}.col-9-11{width:81.8181818182%}.col-8-11{width:72.7272727273%}.col-7-11{width:63.6363636364%}.col-6-11{width:54.5454545455%}.col-5-11{width:45.4545454545%}.col-4-11{width:36.3636363636%}.col-3-11{width:27.2727272727%}.col-2-11{width:18.1818181818%}.col-1-11{width:9.0909090909%}.col-9-10{width:90%}.col-7-10{width:70%}.col-3-10{width:30%}.col-1-10{width:10%}.col-8-9{width:88.8888888889%}.col-7-9{width:77.7777777778%}.col-5-9{width:55.5555555556%}.col-4-9{width:44.4444444444%}.col-2-9{width:22.2222222222%}.col-1-9{width:11.1111111111%}.col-7-8{width:87.5%}.col-5-8{width:62.5%}.col-3-8{width:37.5%}.col-1-8{width:12.5%}.col-6-7{width:85.7142857143%}.col-5-7{width:71.4285714286%}.col-4-7{width:57.1428571429%}.col-3-7{width:42.8571428571%}.col-2-7{width:28.5714285714%}.col-1-7{width:14.2857142857%}.col-5-6,.col-10-12,.col-10{width:83.3333333333%}.col-1-6,.col-2-12,.col-2{width:16.6666666667%}.col-4-5,.col-8-10{width:80%}.col-3-5,.col-6-10{width:60%}.col-2-5,.col-4-10{width:40%}.col-1-5,.col-2-10{width:20%}.col-3-4,.col-9-12,.col-9,.col-6-8{width:75%}.col-1-4,.col-3-12,.col-3,.col-2-8{width:25%}.col-2-3,.col-8-12,.col-6-9,.col-8,.col-4-6{width:66.6666666667%}.col-1-3,.col-4-12,.col-3-9,.col-2-6,.col-4{width:33.3333333333%}.col-1-2,.col-6-12,.col-5-10,.col-4-8,.col-3-6,.col-6,.col-2-4{width:50%}}.burger,.burger::after,.burger::before{width:100%;background-color:#fff;border-radius:5px;transition:transform .5s ease-in-out}.burger::after,.burger::before{height:100%;content:"";display:block;position:absolute}.burger{height:10%;position:relative}.burger::before{transform:translateY(-300%)}.burger::after{transform:translateY(300%)}header .site-head .open.btn .burger{background-color:transparent}header .site-head .open.btn .burger::before{transform:rotate(45deg)}header .site-head .open.btn .burger::after{transform:rotate(-45deg)}.burger,.burger::before,.burger::after{width:100%;background-color:#fff;border-radius:5px;transition:transform .5s ease-in-out}.burger::before,.burger::after{height:100%;content:"";display:block;position:absolute}.burger{height:10%;position:relative}.burger::before{transform:translateY(-300%)}.burger::after{transform:translateY(300%)}header .site-head .open.btn .burger{background-color:transparent}header .site-head .open.btn .burger::before{transform:rotate(45deg)}header .site-head .open.btn .burger::after{transform:rotate(-45deg)}nav,.nav{border-radius:1em;display:inline-block;text-align:center}nav .b,.nav .b{display:block}nav ul,.nav ul{align-items:stretch;list-style-type:none;margin:0;padding:0}nav li,.nav li{border:inherit}nav li a,.nav li a{line-height:100%;border-radius:1em}nav.nav-vertical ul,.nav.nav-vertical ul{flex-flow:column}nav.nav-vertical li:first-child a,.nav.nav-vertical li:first-child a{border-top-right-radius:1em;border-bottom-left-radius:0}nav.nav-vertical li:last-child a,.nav.nav-vertical li:last-child a{border-top-right-radius:0;border-bottom-left-radius:1em}nav.bg-red li.active a,header.bg-red nav li.active a,nav.bg-red a.active,header.bg-red nav a.active,nav.bg-red a:active,header.bg-red nav a:active,nav.bg-red a:hover,header.bg-red nav a:hover,.nav.bg-red li.active a,.nav.bg-red a.active,.nav.bg-red a:active,.nav.bg-red a:hover{background:#a3220e}nav.bg-orange li.active a,header.bg-orange nav li.active a,nav.bg-orange a.active,header.bg-orange nav a.active,nav.bg-orange a:active,header.bg-orange nav a:active,nav.bg-orange a:hover,header.bg-orange nav a:hover,.nav.bg-orange li.active a,.nav.bg-orange a.active,.nav.bg-orange a:active,.nav.bg-orange a:hover{background:#c27f24}nav.bg-yellow li.active a,header.bg-yellow nav li.active a,nav.bg-yellow a.active,header.bg-yellow nav a.active,nav.bg-yellow a:active,header.bg-yellow nav a:active,nav.bg-yellow a:hover,header.bg-yellow nav a:hover,.nav.bg-yellow li.active a,.nav.bg-yellow a.active,.nav.bg-yellow a:active,.nav.bg-yellow a:hover{background:#c1aa3d}nav.bg-lime li.active a,header.bg-lime nav li.active a,nav.bg-lime a.active,header.bg-lime nav a.active,nav.bg-lime a:active,header.bg-lime nav a:active,nav.bg-lime a:hover,header.bg-lime nav a:hover,.nav.bg-lime li.active a,.nav.bg-lime a.active,.nav.bg-lime a:active,.nav.bg-lime a:hover{background:#86ab13}nav.bg-green li.active a,header.bg-green nav li.active a,nav.bg-green a.active,header.bg-green nav a.active,nav.bg-green a:active,header.bg-green nav a:active,nav.bg-green a:hover,header.bg-green nav a:hover,.nav.bg-green li.active a,.nav.bg-green a.active,.nav.bg-green a:active,.nav.bg-green a:hover{background:#44a30e}nav.bg-teal li.active a,header.bg-teal nav li.active a,nav.bg-teal a.active,header.bg-teal nav a.active,nav.bg-teal a:active,header.bg-teal nav a:active,nav.bg-teal a:hover,header.bg-teal nav a:hover,.nav.bg-teal li.active a,.nav.bg-teal a.active,.nav.bg-teal a:active,.nav.bg-teal a:hover{background:#0ea36d}nav.bg-cyan li.active a,header.bg-cyan nav li.active a,nav.bg-cyan a.active,header.bg-cyan nav a.active,nav.bg-cyan a:active,header.bg-cyan nav a:active,nav.bg-cyan a:hover,header.bg-cyan nav a:hover,.nav.bg-cyan li.active a,.nav.bg-cyan a.active,.nav.bg-cyan a:active,.nav.bg-cyan a:hover{background:#5ab5ba}nav.bg-azure li.active a,header.bg-azure nav li.active a,nav.bg-azure a.active,header.bg-azure nav a.active,nav.bg-azure a:active,header.bg-azure nav a:active,nav.bg-azure a:hover,header.bg-azure nav a:hover,.nav.bg-azure li.active a,.nav.bg-azure a.active,.nav.bg-azure a:active,.nav.bg-azure a:hover{background:#0e8ea3}nav.bg-blue li.active a,header.bg-blue nav li.active a,nav.bg-blue a.active,header.bg-blue nav a.active,nav.bg-blue a:active,header.bg-blue nav a:active,nav.bg-blue a:hover,header.bg-blue nav a:hover,.nav.bg-blue li.active a,.nav.bg-blue a.active,.nav.bg-blue a:active,.nav.bg-blue a:hover{background:#0e44a3}nav.bg-purple li.active a,header.bg-purple nav li.active a,nav.bg-purple a.active,header.bg-purple nav a.active,nav.bg-purple a:active,header.bg-purple nav a:active,nav.bg-purple a:hover,header.bg-purple nav a:hover,.nav.bg-purple li.active a,.nav.bg-purple a.active,.nav.bg-purple a:active,.nav.bg-purple a:hover{background:#6d0ea3}nav.bg-magenta li.active a,header.bg-magenta nav li.active a,nav.bg-magenta a.active,header.bg-magenta nav a.active,nav.bg-magenta a:active,header.bg-magenta nav a:active,nav.bg-magenta a:hover,header.bg-magenta nav a:hover,.nav.bg-magenta li.active a,.nav.bg-magenta a.active,.nav.bg-magenta a:active,.nav.bg-magenta a:hover{background:#a3161b}nav.bg-rose li.active a,header.bg-rose nav li.active a,nav.bg-rose a.active,header.bg-rose nav a.active,nav.bg-rose a:active,header.bg-rose nav a:active,nav.bg-rose a:hover,header.bg-rose nav a:hover,.nav.bg-rose li.active a,.nav.bg-rose a.active,.nav.bg-rose a:active,.nav.bg-rose a:hover{background:#a30e44}nav.bg-white li.active a,header.bg-white nav li.active a,nav.bg-white a.active,header.bg-white nav a.active,nav.bg-white a:active,header.bg-white nav a:active,nav.bg-white a:hover,header.bg-white nav a:hover,.nav.bg-white li.active a,.nav.bg-white a.active,.nav.bg-white a:active,.nav.bg-white a:hover{background:#ccc}nav.bg-gray-light li.active a,header.bg-gray-light nav li.active a,nav.bg-gray-light a.active,header.bg-gray-light nav a.active,nav.bg-gray-light a:active,header.bg-gray-light nav a:active,nav.bg-gray-light a:hover,header.bg-gray-light nav a:hover,.nav.bg-gray-light li.active a,.nav.bg-gray-light a.active,.nav.bg-gray-light a:active,.nav.bg-gray-light a:hover{background:#3e3e3e}nav.bg-gray li.active a,header.bg-gray nav li.active a,nav.bg-gray a.active,header.bg-gray nav a.active,nav.bg-gray a:active,header.bg-gray nav a:active,nav.bg-gray a:hover,header.bg-gray nav a:hover,.nav.bg-gray li.active a,.nav.bg-gray a.active,.nav.bg-gray a:active,.nav.bg-gray a:hover{background:#7a7a7a}nav.bg-gray-dark li.active a,header.bg-gray-dark nav li.active a,nav.bg-gray-dark a.active,header.bg-gray-dark nav a.active,nav.bg-gray-dark a:active,header.bg-gray-dark nav a:active,nav.bg-gray-dark a:hover,header.bg-gray-dark nav a:hover,.nav.bg-gray-dark li.active a,.nav.bg-gray-dark a.active,.nav.bg-gray-dark a:active,.nav.bg-gray-dark a:hover{background:#3e3e3e}nav.bg-primary li.active a,header.bg-primary nav li.active a,nav.bg-primary a.active,header.bg-primary nav a.active,nav.bg-primary a:active,header.bg-primary nav a:active,nav.bg-primary a:hover,header.bg-primary nav a:hover,.nav.bg-primary li.active a,.nav.bg-primary a.active,.nav.bg-primary a:active,.nav.bg-primary a:hover{background:#0e44a3}nav.bg-secondary li.active a,header.bg-secondary nav li.active a,nav.bg-secondary a.active,header.bg-secondary nav a.active,nav.bg-secondary a:active,header.bg-secondary nav a:active,nav.bg-secondary a:hover,header.bg-secondary nav a:hover,.nav.bg-secondary li.active a,.nav.bg-secondary a.active,.nav.bg-secondary a:active,.nav.bg-secondary a:hover{background:#7a7a7a}nav.bg-success li.active a,header.bg-success nav li.active a,nav.bg-success a.active,header.bg-success nav a.active,nav.bg-success a:active,header.bg-success nav a:active,nav.bg-success a:hover,header.bg-success nav a:hover,.nav.bg-success li.active a,.nav.bg-success a.active,.nav.bg-success a:active,.nav.bg-success a:hover{background:#44a30e}nav.bg-info li.active a,header.bg-info nav li.active a,nav.bg-info a.active,header.bg-info nav a.active,nav.bg-info a:active,header.bg-info nav a:active,nav.bg-info a:hover,header.bg-info nav a:hover,.nav.bg-info li.active a,.nav.bg-info a.active,.nav.bg-info a:active,.nav.bg-info a:hover{background:#5ab5ba}nav.bg-warning li.active a,header.bg-warning nav li.active a,nav.bg-warning a.active,header.bg-warning nav a.active,nav.bg-warning a:active,header.bg-warning nav a:active,nav.bg-warning a:hover,header.bg-warning nav a:hover,.nav.bg-warning li.active a,.nav.bg-warning a.active,.nav.bg-warning a:active,.nav.bg-warning a:hover{background:#c1aa3d}nav.bg-danger li.active a,header.bg-danger nav li.active a,nav.bg-danger a.active,header.bg-danger nav a.active,nav.bg-danger a:active,header.bg-danger nav a:active,nav.bg-danger a:hover,header.bg-danger nav a:hover,.nav.bg-danger li.active a,.nav.bg-danger a.active,.nav.bg-danger a:active,.nav.bg-danger a:hover{background:#a3220e}nav.bg-light li.active a,header.bg-light nav li.active a,nav.bg-light a.active,header.bg-light nav a.active,nav.bg-light a:active,header.bg-light nav a:active,nav.bg-light a:hover,header.bg-light nav a:hover,.nav.bg-light li.active a,.nav.bg-light a.active,.nav.bg-light a:active,.nav.bg-light a:hover{background:#ccc}nav.bg-dark li.active a,header.bg-dark nav li.active a,nav.bg-dark a.active,header.bg-dark nav a.active,nav.bg-dark a:active,header.bg-dark nav a:active,nav.bg-dark a:hover,header.bg-dark nav a:hover,.nav.bg-dark li.active a,.nav.bg-dark a.active,.nav.bg-dark a:active,.nav.bg-dark a:hover{background:#000}header{position:sticky;top:0;z-index:3;flex-basis:64px;min-height:64px}header .btn,header .toggler{background-color:rgba(255,255,255,.1)}header.bg-red .btn:hover,header.bg-red .toggler:hover{background:#a3220e}header.bg-orange .btn:hover,header.bg-orange .toggler:hover{background:#c27f24}header.bg-yellow .btn:hover,header.bg-yellow .toggler:hover{background:#c1aa3d}header.bg-lime .btn:hover,header.bg-lime .toggler:hover{background:#86ab13}header.bg-green .btn:hover,header.bg-green .toggler:hover{background:#44a30e}header.bg-teal .btn:hover,header.bg-teal .toggler:hover{background:#0ea36d}header.bg-cyan .btn:hover,header.bg-cyan .toggler:hover{background:#5ab5ba}header.bg-azure .btn:hover,header.bg-azure .toggler:hover{background:#0e8ea3}header.bg-blue .btn:hover,header.bg-blue .toggler:hover{background:#0e44a3}header.bg-purple .btn:hover,header.bg-purple .toggler:hover{background:#6d0ea3}header.bg-magenta .btn:hover,header.bg-magenta .toggler:hover{background:#a3161b}header.bg-rose .btn:hover,header.bg-rose .toggler:hover{background:#a30e44}header.bg-white .btn:hover,header.bg-white .toggler:hover{background:#ccc}header.bg-gray-light .btn:hover,header.bg-gray-light .toggler:hover{background:#3e3e3e}header.bg-gray .btn:hover,header.bg-gray .toggler:hover{background:#7a7a7a}header.bg-gray-dark .btn:hover,header.bg-gray-dark .toggler:hover{background:#3e3e3e}header.bg-primary .btn:hover,header.bg-primary .toggler:hover{background:#0e44a3}header.bg-secondary .btn:hover,header.bg-secondary .toggler:hover{background:#7a7a7a}header.bg-success .btn:hover,header.bg-success .toggler:hover{background:#44a30e}header.bg-info .btn:hover,header.bg-info .toggler:hover{background:#5ab5ba}header.bg-warning .btn:hover,header.bg-warning .toggler:hover{background:#c1aa3d}header.bg-danger .btn:hover,header.bg-danger .toggler:hover{background:#a3220e}header.bg-light .btn:hover,header.bg-light .toggler:hover{background:#ccc}header.bg-dark .btn:hover,header.bg-dark .toggler:hover{background:#000}header .container{flex-flow:column;position:relative}@media only screen and (min-width: 700px){header .container{align-items:center;padding:8px;height:64px;flex-flow:row;max-width:97%;justify-content:space-between}}header .site-head{display:inline-flex;height:64px;padding:8px;align-items:center;position:relative;justify-content:space-between}header .site-head .site-title{height:auto;margin-right:auto;display:inline-flex;align-items:center}header .site-head .site-title img{margin-right:.25em}header .site-head .site-title img.toggler{padding:8px;width:64px;height:64px}@media only screen and (min-width: 700px){header .site-head{padding:0}}header .site-head .btn{width:64px;height:64px;display:flex;justify-content:center;flex-flow:column}header nav,header .nav{font-size:larger;position:fixed;top:64px;bottom:0;width:100%}header nav ul,header nav li,header nav a,header .nav ul,header .nav li,header .nav a{height:100%;width:100%}header nav ul,header .nav ul{flex-flow:column;align-items:stretch}header nav a,header .nav a{flex-flow:column;align-items:center;justify-content:center;text-align:center;display:inline-flex}@media only screen and (min-width: 700px){header nav,header .nav{bottom:auto;font-size:unset;position:relative;width:auto;margin-top:0}header nav.nav-header,header .nav.nav-header{border-radius:0;position:static}header nav.nav-dropdown,header .nav.nav-dropdown{border-top-left-radius:0;border-top-right-radius:0;height:auto;position:fixed}header nav.nav-dropdown ul,header .nav.nav-dropdown ul{flex-flow:column}header nav ul,header .nav ul{flex-flow:row;justify-content:flex-start}}@media only screen and (min-width: 700px){header .header-right,header .nav-header{margin-left:auto}}header h1{margin:0}body{flex-flow:column;align-items:stretch}.container{margin-left:auto;margin-right:auto;max-width:100%;width:1024px}main{flex-grow:1}main .container{padding:8px}header,main,footer{flex-shrink:1}footer,[class^=footer]{right:0;bottom:0;left:0;text-align:center}footer .container,[class^=footer] .container{padding:.7em}footer.footer-lg .container,[class^=footer].footer-lg .container{padding:1.5em}footer.footer-sm .container,[class^=footer].footer-sm .container{padding:.1em}
+@import"https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css";:root{--red: #cc2b11;--orange: #f39f2d;--yellow: #f1d54c;--lime: #a8d618;--green: #55cc11;--teal: #11cc88;--cyan: #70e2e8;--azure: #11b2cc;--blue: #1155cc;--purple: #8811cc;--magenta: #cc1b22;--rose: #cc1155;--white: white;--gray-light: #4d4d4d;--gray: #999999;--gray-dark: #4d4d4d;--primary: #1155cc;--secondary: #999999;--success: #55cc11;--info: #70e2e8;--warning: #f1d54c;--danger: #cc2b11;--light: white;--dark: black}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:inherit}html,body{width:100%;height:auto;min-height:100vh}.scroll-disable{overflow:hidden}a{color:var(--color-blue)}a,a:link,a:visited{text-decoration:none;font-weight:bold}.hide{position:absolute  !important;top:-9999px  !important;left:-9999px  !important}@media only screen and (max-width: 700px){.hide-mobile{position:absolute  !important;top:-9999px  !important;left:-9999px  !important}}@media only screen and (min-width: 700px){.hide-desktop{position:absolute  !important;top:-9999px  !important;left:-9999px  !important}}.text-red{color:var(--red);border-color:var(--red)}.bg-red,header.bg-red nav{background-color:var(--red);color:var(--light);border-color:var(--light)}.text-orange{color:var(--orange);border-color:var(--orange)}.bg-orange,header.bg-orange nav{background-color:var(--orange);color:var(--dark);border-color:var(--dark)}.text-yellow{color:var(--yellow);border-color:var(--yellow)}.bg-yellow,header.bg-yellow nav{background-color:var(--yellow);color:var(--dark);border-color:var(--dark)}.text-lime{color:var(--lime);border-color:var(--lime)}.bg-lime,header.bg-lime nav{background-color:var(--lime);color:var(--light);border-color:var(--light)}.text-green{color:var(--green);border-color:var(--green)}.bg-green,header.bg-green nav{background-color:var(--green);color:var(--light);border-color:var(--light)}.text-teal{color:var(--teal);border-color:var(--teal)}.bg-teal,header.bg-teal nav{background-color:var(--teal);color:var(--light);border-color:var(--light)}.text-cyan{color:var(--cyan);border-color:var(--cyan)}.bg-cyan,header.bg-cyan nav{background-color:var(--cyan);color:var(--dark);border-color:var(--dark)}.text-azure{color:var(--azure);border-color:var(--azure)}.bg-azure,header.bg-azure nav{background-color:var(--azure);color:var(--light);border-color:var(--light)}.text-blue{color:var(--blue);border-color:var(--blue)}.bg-blue,header.bg-blue nav{background-color:var(--blue);color:var(--light);border-color:var(--light)}.text-purple{color:var(--purple);border-color:var(--purple)}.bg-purple,header.bg-purple nav{background-color:var(--purple);color:var(--light);border-color:var(--light)}.text-magenta{color:var(--magenta);border-color:var(--magenta)}.bg-magenta,header.bg-magenta nav{background-color:var(--magenta);color:var(--light);border-color:var(--light)}.text-rose{color:var(--rose);border-color:var(--rose)}.bg-rose,header.bg-rose nav{background-color:var(--rose);color:var(--light);border-color:var(--light)}.text-white{color:var(--white);border-color:var(--white)}.bg-white,header.bg-white nav{background-color:var(--white);color:var(--dark);border-color:var(--dark)}.text-gray-light{color:var(--gray-light);border-color:var(--gray-light)}.bg-gray-light,header.bg-gray-light nav{background-color:var(--gray-light);color:var(--light);border-color:var(--light)}.text-gray{color:var(--gray);border-color:var(--gray)}.bg-gray,header.bg-gray nav{background-color:var(--gray);color:var(--dark);border-color:var(--dark)}.text-gray-dark{color:var(--gray-dark);border-color:var(--gray-dark)}.bg-gray-dark,header.bg-gray-dark nav{background-color:var(--gray-dark);color:var(--light);border-color:var(--light)}.text-primary{color:var(--primary);border-color:var(--primary)}.bg-primary,header.bg-primary nav{background-color:var(--primary);color:var(--light);border-color:var(--light)}.text-secondary{color:var(--secondary);border-color:var(--secondary)}.bg-secondary,header.bg-secondary nav{background-color:var(--secondary);color:var(--dark);border-color:var(--dark)}.text-success{color:var(--success);border-color:var(--success)}.bg-success,header.bg-success nav{background-color:var(--success);color:var(--light);border-color:var(--light)}.text-info{color:var(--info);border-color:var(--info)}.bg-info,header.bg-info nav{background-color:var(--info);color:var(--dark);border-color:var(--dark)}.text-warning{color:var(--warning);border-color:var(--warning)}.bg-warning,header.bg-warning nav{background-color:var(--warning);color:var(--dark);border-color:var(--dark)}.text-danger{color:var(--danger);border-color:var(--danger)}.bg-danger,header.bg-danger nav{background-color:var(--danger);color:var(--light);border-color:var(--light)}.text-light{color:var(--light);border-color:var(--light)}.bg-light,header.bg-light nav{background-color:var(--light);color:var(--dark);border-color:var(--dark)}.text-dark{color:var(--dark);border-color:var(--dark)}.bg-dark,header.bg-dark nav{background-color:var(--dark);color:var(--light);border-color:var(--light)}.toggler,nav li a,.nav li a,.btn{cursor:pointer;height:48px;display:block}.bg-red.toggler:hover,header.bg-red nav.toggler:hover,nav li a.bg-red:hover,.nav li a.bg-red:hover,.bg-red.btn:hover,header.bg-red nav.btn:hover{background:#a3220e}.bg-orange.toggler:hover,header.bg-orange nav.toggler:hover,nav li a.bg-orange:hover,.nav li a.bg-orange:hover,.bg-orange.btn:hover,header.bg-orange nav.btn:hover{background:#c27f24}.bg-yellow.toggler:hover,header.bg-yellow nav.toggler:hover,nav li a.bg-yellow:hover,.nav li a.bg-yellow:hover,.bg-yellow.btn:hover,header.bg-yellow nav.btn:hover{background:#c1aa3d}.bg-lime.toggler:hover,header.bg-lime nav.toggler:hover,nav li a.bg-lime:hover,.nav li a.bg-lime:hover,.bg-lime.btn:hover,header.bg-lime nav.btn:hover{background:#86ab13}.bg-green.toggler:hover,header.bg-green nav.toggler:hover,nav li a.bg-green:hover,.nav li a.bg-green:hover,.bg-green.btn:hover,header.bg-green nav.btn:hover{background:#44a30e}.bg-teal.toggler:hover,header.bg-teal nav.toggler:hover,nav li a.bg-teal:hover,.nav li a.bg-teal:hover,.bg-teal.btn:hover,header.bg-teal nav.btn:hover{background:#0ea36d}.bg-cyan.toggler:hover,header.bg-cyan nav.toggler:hover,nav li a.bg-cyan:hover,.nav li a.bg-cyan:hover,.bg-cyan.btn:hover,header.bg-cyan nav.btn:hover{background:#5ab5ba}.bg-azure.toggler:hover,header.bg-azure nav.toggler:hover,nav li a.bg-azure:hover,.nav li a.bg-azure:hover,.bg-azure.btn:hover,header.bg-azure nav.btn:hover{background:#0e8ea3}.bg-blue.toggler:hover,header.bg-blue nav.toggler:hover,nav li a.bg-blue:hover,.nav li a.bg-blue:hover,.bg-blue.btn:hover,header.bg-blue nav.btn:hover{background:#0e44a3}.bg-purple.toggler:hover,header.bg-purple nav.toggler:hover,nav li a.bg-purple:hover,.nav li a.bg-purple:hover,.bg-purple.btn:hover,header.bg-purple nav.btn:hover{background:#6d0ea3}.bg-magenta.toggler:hover,header.bg-magenta nav.toggler:hover,nav li a.bg-magenta:hover,.nav li a.bg-magenta:hover,.bg-magenta.btn:hover,header.bg-magenta nav.btn:hover{background:#a3161b}.bg-rose.toggler:hover,header.bg-rose nav.toggler:hover,nav li a.bg-rose:hover,.nav li a.bg-rose:hover,.bg-rose.btn:hover,header.bg-rose nav.btn:hover{background:#a30e44}.bg-white.toggler:hover,header.bg-white nav.toggler:hover,nav li a.bg-white:hover,.nav li a.bg-white:hover,.bg-white.btn:hover,header.bg-white nav.btn:hover{background:#ccc}.bg-gray-light.toggler:hover,header.bg-gray-light nav.toggler:hover,nav li a.bg-gray-light:hover,.nav li a.bg-gray-light:hover,.bg-gray-light.btn:hover,header.bg-gray-light nav.btn:hover{background:#3e3e3e}.bg-gray.toggler:hover,header.bg-gray nav.toggler:hover,nav li a.bg-gray:hover,.nav li a.bg-gray:hover,.bg-gray.btn:hover,header.bg-gray nav.btn:hover{background:#7a7a7a}.bg-gray-dark.toggler:hover,header.bg-gray-dark nav.toggler:hover,nav li a.bg-gray-dark:hover,.nav li a.bg-gray-dark:hover,.bg-gray-dark.btn:hover,header.bg-gray-dark nav.btn:hover{background:#3e3e3e}.bg-primary.toggler:hover,header.bg-primary nav.toggler:hover,nav li a.bg-primary:hover,.nav li a.bg-primary:hover,.bg-primary.btn:hover,header.bg-primary nav.btn:hover{background:#0e44a3}.bg-secondary.toggler:hover,header.bg-secondary nav.toggler:hover,nav li a.bg-secondary:hover,.nav li a.bg-secondary:hover,.bg-secondary.btn:hover,header.bg-secondary nav.btn:hover{background:#7a7a7a}.bg-success.toggler:hover,header.bg-success nav.toggler:hover,nav li a.bg-success:hover,.nav li a.bg-success:hover,.bg-success.btn:hover,header.bg-success nav.btn:hover{background:#44a30e}.bg-info.toggler:hover,header.bg-info nav.toggler:hover,nav li a.bg-info:hover,.nav li a.bg-info:hover,.bg-info.btn:hover,header.bg-info nav.btn:hover{background:#5ab5ba}.bg-warning.toggler:hover,header.bg-warning nav.toggler:hover,nav li a.bg-warning:hover,.nav li a.bg-warning:hover,.bg-warning.btn:hover,header.bg-warning nav.btn:hover{background:#c1aa3d}.bg-danger.toggler:hover,header.bg-danger nav.toggler:hover,nav li a.bg-danger:hover,.nav li a.bg-danger:hover,.bg-danger.btn:hover,header.bg-danger nav.btn:hover{background:#a3220e}.bg-light.toggler:hover,header.bg-light nav.toggler:hover,nav li a.bg-light:hover,.nav li a.bg-light:hover,.bg-light.btn:hover,header.bg-light nav.btn:hover{background:#ccc}.bg-dark.toggler:hover,header.bg-dark nav.toggler:hover,nav li a.bg-dark:hover,.nav li a.bg-dark:hover,.bg-dark.btn:hover,header.bg-dark nav.btn:hover{background:#000}nav li a,.nav li a,.btn{padding-left:16px;padding-right:16px;padding-top:16px;padding-bottom:16px}.toggler,.btn{border-radius:1em;border-style:solid;border-color:rgba(136,136,136,.3)}.btn{display:inline-block}.toggler{display:inline-block}nav ul,.nav ul,[class^=fi-],body,.row,header .container,[class^=f-]{flex-wrap:wrap}body,.row,header .container,[class^=f-]{display:flex}nav ul,.nav ul,[class^=fi-]{display:inline-flex}.f-row,.fi-row{flex-direction:row}.f-row-reverse,.fi-row-reverse{flex-direction:row-reverse}.f-column,.fi-column{flex-direction:column}.f-column-reverse,.fi-column-reverse{flex-direction:column-reverse}.f-nowrap,.fi-nowrap{flex-wrap:nowrap}.f-wrap,.fi-wrap{flex-wrap:wrap}.f-wrap-reverse,.fi-wrap-reverse{flex-wrap:wrap-reverse}@media only screen and (max-width: 700px){.row,header .container{flex-flow:column}}[class^=col]{width:100%}@media only screen and (min-width: 700px){.col-11-12,.col-11{width:91.6666666667%}.col-7-12,.col-7{width:58.3333333333%}.col-5-12,.col-5{width:41.6666666667%}.col-1-12{width:8.3333333333%}.col-10-11{width:90.9090909091%}.col-9-11{width:81.8181818182%}.col-8-11{width:72.7272727273%}.col-7-11{width:63.6363636364%}.col-6-11{width:54.5454545455%}.col-5-11{width:45.4545454545%}.col-4-11{width:36.3636363636%}.col-3-11{width:27.2727272727%}.col-2-11{width:18.1818181818%}.col-1-11{width:9.0909090909%}.col-9-10{width:90%}.col-7-10{width:70%}.col-3-10{width:30%}.col-1-10{width:10%}.col-8-9{width:88.8888888889%}.col-7-9{width:77.7777777778%}.col-5-9{width:55.5555555556%}.col-4-9{width:44.4444444444%}.col-2-9{width:22.2222222222%}.col-1-9{width:11.1111111111%}.col-7-8{width:87.5%}.col-5-8{width:62.5%}.col-3-8{width:37.5%}.col-1-8{width:12.5%}.col-6-7{width:85.7142857143%}.col-5-7{width:71.4285714286%}.col-4-7{width:57.1428571429%}.col-3-7{width:42.8571428571%}.col-2-7{width:28.5714285714%}.col-1-7{width:14.2857142857%}.col-5-6,.col-10-12,.col-10{width:83.3333333333%}.col-1-6,.col-2-12,.col-2{width:16.6666666667%}.col-4-5,.col-8-10{width:80%}.col-3-5,.col-6-10{width:60%}.col-2-5,.col-4-10{width:40%}.col-1-5,.col-2-10{width:20%}.col-3-4,.col-9-12,.col-9,.col-6-8{width:75%}.col-1-4,.col-3-12,.col-3,.col-2-8{width:25%}.col-2-3,.col-8-12,.col-6-9,.col-8,.col-4-6{width:66.6666666667%}.col-1-3,.col-4-12,.col-3-9,.col-2-6,.col-4{width:33.3333333333%}.col-1-2,.col-6-12,.col-5-10,.col-4-8,.col-3-6,.col-6,.col-2-4{width:50%}}.burger,.burger::after,.burger::before{width:100%;background-color:#fff;border-radius:5px;transition:transform .5s ease-in-out}.burger::after,.burger::before{height:100%;content:"";display:block;position:absolute}.burger{height:10%;position:relative}.burger::before{transform:translateY(-300%)}.burger::after{transform:translateY(300%)}header .site-head .open.btn .burger{background-color:transparent}header .site-head .open.btn .burger::before{transform:rotate(45deg)}header .site-head .open.btn .burger::after{transform:rotate(-45deg)}.burger,.burger::before,.burger::after{width:100%;background-color:#fff;border-radius:5px;transition:transform .5s ease-in-out}.burger::before,.burger::after{height:100%;content:"";display:block;position:absolute}.burger{height:10%;position:relative}.burger::before{transform:translateY(-300%)}.burger::after{transform:translateY(300%)}header .site-head .open.btn .burger{background-color:transparent}header .site-head .open.btn .burger::before{transform:rotate(45deg)}header .site-head .open.btn .burger::after{transform:rotate(-45deg)}nav,.nav{border-radius:1em;display:inline-block;text-align:center}nav .b,.nav .b{display:block}nav ul,.nav ul{align-items:stretch;list-style-type:none;margin:0;padding:0}nav li,.nav li{border:inherit}nav li a,.nav li a{line-height:100%;border-radius:1em}nav.nav-vertical ul,.nav.nav-vertical ul{flex-flow:column}nav.nav-vertical li:first-child a,.nav.nav-vertical li:first-child a{border-top-right-radius:1em;border-bottom-left-radius:0}nav.nav-vertical li:last-child a,.nav.nav-vertical li:last-child a{border-top-right-radius:0;border-bottom-left-radius:1em}nav.bg-red li.active a,header.bg-red nav li.active a,nav.bg-red a.active,header.bg-red nav a.active,nav.bg-red a:active,header.bg-red nav a:active,nav.bg-red a:hover,header.bg-red nav a:hover,.nav.bg-red li.active a,.nav.bg-red a.active,.nav.bg-red a:active,.nav.bg-red a:hover{background:#a3220e}nav.bg-orange li.active a,header.bg-orange nav li.active a,nav.bg-orange a.active,header.bg-orange nav a.active,nav.bg-orange a:active,header.bg-orange nav a:active,nav.bg-orange a:hover,header.bg-orange nav a:hover,.nav.bg-orange li.active a,.nav.bg-orange a.active,.nav.bg-orange a:active,.nav.bg-orange a:hover{background:#c27f24}nav.bg-yellow li.active a,header.bg-yellow nav li.active a,nav.bg-yellow a.active,header.bg-yellow nav a.active,nav.bg-yellow a:active,header.bg-yellow nav a:active,nav.bg-yellow a:hover,header.bg-yellow nav a:hover,.nav.bg-yellow li.active a,.nav.bg-yellow a.active,.nav.bg-yellow a:active,.nav.bg-yellow a:hover{background:#c1aa3d}nav.bg-lime li.active a,header.bg-lime nav li.active a,nav.bg-lime a.active,header.bg-lime nav a.active,nav.bg-lime a:active,header.bg-lime nav a:active,nav.bg-lime a:hover,header.bg-lime nav a:hover,.nav.bg-lime li.active a,.nav.bg-lime a.active,.nav.bg-lime a:active,.nav.bg-lime a:hover{background:#86ab13}nav.bg-green li.active a,header.bg-green nav li.active a,nav.bg-green a.active,header.bg-green nav a.active,nav.bg-green a:active,header.bg-green nav a:active,nav.bg-green a:hover,header.bg-green nav a:hover,.nav.bg-green li.active a,.nav.bg-green a.active,.nav.bg-green a:active,.nav.bg-green a:hover{background:#44a30e}nav.bg-teal li.active a,header.bg-teal nav li.active a,nav.bg-teal a.active,header.bg-teal nav a.active,nav.bg-teal a:active,header.bg-teal nav a:active,nav.bg-teal a:hover,header.bg-teal nav a:hover,.nav.bg-teal li.active a,.nav.bg-teal a.active,.nav.bg-teal a:active,.nav.bg-teal a:hover{background:#0ea36d}nav.bg-cyan li.active a,header.bg-cyan nav li.active a,nav.bg-cyan a.active,header.bg-cyan nav a.active,nav.bg-cyan a:active,header.bg-cyan nav a:active,nav.bg-cyan a:hover,header.bg-cyan nav a:hover,.nav.bg-cyan li.active a,.nav.bg-cyan a.active,.nav.bg-cyan a:active,.nav.bg-cyan a:hover{background:#5ab5ba}nav.bg-azure li.active a,header.bg-azure nav li.active a,nav.bg-azure a.active,header.bg-azure nav a.active,nav.bg-azure a:active,header.bg-azure nav a:active,nav.bg-azure a:hover,header.bg-azure nav a:hover,.nav.bg-azure li.active a,.nav.bg-azure a.active,.nav.bg-azure a:active,.nav.bg-azure a:hover{background:#0e8ea3}nav.bg-blue li.active a,header.bg-blue nav li.active a,nav.bg-blue a.active,header.bg-blue nav a.active,nav.bg-blue a:active,header.bg-blue nav a:active,nav.bg-blue a:hover,header.bg-blue nav a:hover,.nav.bg-blue li.active a,.nav.bg-blue a.active,.nav.bg-blue a:active,.nav.bg-blue a:hover{background:#0e44a3}nav.bg-purple li.active a,header.bg-purple nav li.active a,nav.bg-purple a.active,header.bg-purple nav a.active,nav.bg-purple a:active,header.bg-purple nav a:active,nav.bg-purple a:hover,header.bg-purple nav a:hover,.nav.bg-purple li.active a,.nav.bg-purple a.active,.nav.bg-purple a:active,.nav.bg-purple a:hover{background:#6d0ea3}nav.bg-magenta li.active a,header.bg-magenta nav li.active a,nav.bg-magenta a.active,header.bg-magenta nav a.active,nav.bg-magenta a:active,header.bg-magenta nav a:active,nav.bg-magenta a:hover,header.bg-magenta nav a:hover,.nav.bg-magenta li.active a,.nav.bg-magenta a.active,.nav.bg-magenta a:active,.nav.bg-magenta a:hover{background:#a3161b}nav.bg-rose li.active a,header.bg-rose nav li.active a,nav.bg-rose a.active,header.bg-rose nav a.active,nav.bg-rose a:active,header.bg-rose nav a:active,nav.bg-rose a:hover,header.bg-rose nav a:hover,.nav.bg-rose li.active a,.nav.bg-rose a.active,.nav.bg-rose a:active,.nav.bg-rose a:hover{background:#a30e44}nav.bg-white li.active a,header.bg-white nav li.active a,nav.bg-white a.active,header.bg-white nav a.active,nav.bg-white a:active,header.bg-white nav a:active,nav.bg-white a:hover,header.bg-white nav a:hover,.nav.bg-white li.active a,.nav.bg-white a.active,.nav.bg-white a:active,.nav.bg-white a:hover{background:#ccc}nav.bg-gray-light li.active a,header.bg-gray-light nav li.active a,nav.bg-gray-light a.active,header.bg-gray-light nav a.active,nav.bg-gray-light a:active,header.bg-gray-light nav a:active,nav.bg-gray-light a:hover,header.bg-gray-light nav a:hover,.nav.bg-gray-light li.active a,.nav.bg-gray-light a.active,.nav.bg-gray-light a:active,.nav.bg-gray-light a:hover{background:#3e3e3e}nav.bg-gray li.active a,header.bg-gray nav li.active a,nav.bg-gray a.active,header.bg-gray nav a.active,nav.bg-gray a:active,header.bg-gray nav a:active,nav.bg-gray a:hover,header.bg-gray nav a:hover,.nav.bg-gray li.active a,.nav.bg-gray a.active,.nav.bg-gray a:active,.nav.bg-gray a:hover{background:#7a7a7a}nav.bg-gray-dark li.active a,header.bg-gray-dark nav li.active a,nav.bg-gray-dark a.active,header.bg-gray-dark nav a.active,nav.bg-gray-dark a:active,header.bg-gray-dark nav a:active,nav.bg-gray-dark a:hover,header.bg-gray-dark nav a:hover,.nav.bg-gray-dark li.active a,.nav.bg-gray-dark a.active,.nav.bg-gray-dark a:active,.nav.bg-gray-dark a:hover{background:#3e3e3e}nav.bg-primary li.active a,header.bg-primary nav li.active a,nav.bg-primary a.active,header.bg-primary nav a.active,nav.bg-primary a:active,header.bg-primary nav a:active,nav.bg-primary a:hover,header.bg-primary nav a:hover,.nav.bg-primary li.active a,.nav.bg-primary a.active,.nav.bg-primary a:active,.nav.bg-primary a:hover{background:#0e44a3}nav.bg-secondary li.active a,header.bg-secondary nav li.active a,nav.bg-secondary a.active,header.bg-secondary nav a.active,nav.bg-secondary a:active,header.bg-secondary nav a:active,nav.bg-secondary a:hover,header.bg-secondary nav a:hover,.nav.bg-secondary li.active a,.nav.bg-secondary a.active,.nav.bg-secondary a:active,.nav.bg-secondary a:hover{background:#7a7a7a}nav.bg-success li.active a,header.bg-success nav li.active a,nav.bg-success a.active,header.bg-success nav a.active,nav.bg-success a:active,header.bg-success nav a:active,nav.bg-success a:hover,header.bg-success nav a:hover,.nav.bg-success li.active a,.nav.bg-success a.active,.nav.bg-success a:active,.nav.bg-success a:hover{background:#44a30e}nav.bg-info li.active a,header.bg-info nav li.active a,nav.bg-info a.active,header.bg-info nav a.active,nav.bg-info a:active,header.bg-info nav a:active,nav.bg-info a:hover,header.bg-info nav a:hover,.nav.bg-info li.active a,.nav.bg-info a.active,.nav.bg-info a:active,.nav.bg-info a:hover{background:#5ab5ba}nav.bg-warning li.active a,header.bg-warning nav li.active a,nav.bg-warning a.active,header.bg-warning nav a.active,nav.bg-warning a:active,header.bg-warning nav a:active,nav.bg-warning a:hover,header.bg-warning nav a:hover,.nav.bg-warning li.active a,.nav.bg-warning a.active,.nav.bg-warning a:active,.nav.bg-warning a:hover{background:#c1aa3d}nav.bg-danger li.active a,header.bg-danger nav li.active a,nav.bg-danger a.active,header.bg-danger nav a.active,nav.bg-danger a:active,header.bg-danger nav a:active,nav.bg-danger a:hover,header.bg-danger nav a:hover,.nav.bg-danger li.active a,.nav.bg-danger a.active,.nav.bg-danger a:active,.nav.bg-danger a:hover{background:#a3220e}nav.bg-light li.active a,header.bg-light nav li.active a,nav.bg-light a.active,header.bg-light nav a.active,nav.bg-light a:active,header.bg-light nav a:active,nav.bg-light a:hover,header.bg-light nav a:hover,.nav.bg-light li.active a,.nav.bg-light a.active,.nav.bg-light a:active,.nav.bg-light a:hover{background:#ccc}nav.bg-dark li.active a,header.bg-dark nav li.active a,nav.bg-dark a.active,header.bg-dark nav a.active,nav.bg-dark a:active,header.bg-dark nav a:active,nav.bg-dark a:hover,header.bg-dark nav a:hover,.nav.bg-dark li.active a,.nav.bg-dark a.active,.nav.bg-dark a:active,.nav.bg-dark a:hover{background:#000}header{position:sticky;top:0;z-index:3;flex-basis:64px;min-height:64px}header .btn,header .toggler{background-color:rgba(255,255,255,.1)}header.bg-red .btn:hover,header.bg-red .toggler:hover{background:#a3220e}header.bg-orange .btn:hover,header.bg-orange .toggler:hover{background:#c27f24}header.bg-yellow .btn:hover,header.bg-yellow .toggler:hover{background:#c1aa3d}header.bg-lime .btn:hover,header.bg-lime .toggler:hover{background:#86ab13}header.bg-green .btn:hover,header.bg-green .toggler:hover{background:#44a30e}header.bg-teal .btn:hover,header.bg-teal .toggler:hover{background:#0ea36d}header.bg-cyan .btn:hover,header.bg-cyan .toggler:hover{background:#5ab5ba}header.bg-azure .btn:hover,header.bg-azure .toggler:hover{background:#0e8ea3}header.bg-blue .btn:hover,header.bg-blue .toggler:hover{background:#0e44a3}header.bg-purple .btn:hover,header.bg-purple .toggler:hover{background:#6d0ea3}header.bg-magenta .btn:hover,header.bg-magenta .toggler:hover{background:#a3161b}header.bg-rose .btn:hover,header.bg-rose .toggler:hover{background:#a30e44}header.bg-white .btn:hover,header.bg-white .toggler:hover{background:#ccc}header.bg-gray-light .btn:hover,header.bg-gray-light .toggler:hover{background:#3e3e3e}header.bg-gray .btn:hover,header.bg-gray .toggler:hover{background:#7a7a7a}header.bg-gray-dark .btn:hover,header.bg-gray-dark .toggler:hover{background:#3e3e3e}header.bg-primary .btn:hover,header.bg-primary .toggler:hover{background:#0e44a3}header.bg-secondary .btn:hover,header.bg-secondary .toggler:hover{background:#7a7a7a}header.bg-success .btn:hover,header.bg-success .toggler:hover{background:#44a30e}header.bg-info .btn:hover,header.bg-info .toggler:hover{background:#5ab5ba}header.bg-warning .btn:hover,header.bg-warning .toggler:hover{background:#c1aa3d}header.bg-danger .btn:hover,header.bg-danger .toggler:hover{background:#a3220e}header.bg-light .btn:hover,header.bg-light .toggler:hover{background:#ccc}header.bg-dark .btn:hover,header.bg-dark .toggler:hover{background:#000}header .container{flex-flow:column;position:relative}@media only screen and (min-width: 700px){header .container{align-items:center;padding:8px;height:64px;flex-flow:row;max-width:97%;justify-content:space-between}}header .site-head{display:inline-flex;height:64px;padding:8px;align-items:center;position:relative;justify-content:space-between}header .site-head .site-title{height:auto;margin-right:auto;display:inline-flex;align-items:center}header .site-head .site-title img{margin-right:.25em}header .site-head .site-title img.toggler{padding:8px;width:64px;height:64px}@media only screen and (min-width: 700px){header .site-head{padding:0}}header .site-head .btn{width:64px;height:64px;display:flex;justify-content:center;flex-flow:column}header nav,header .nav{font-size:larger;position:fixed;top:64px;bottom:0;width:100%}header nav ul,header nav li,header nav a,header .nav ul,header .nav li,header .nav a{height:100%;width:100%}header nav ul,header .nav ul{flex-flow:column;align-items:stretch}header nav a,header .nav a{flex-flow:column;align-items:center;justify-content:center;text-align:center;display:inline-flex}@media only screen and (min-width: 700px){header nav,header .nav{bottom:auto;font-size:unset;position:relative;width:auto;margin-top:0}header nav.nav-header,header .nav.nav-header{border-radius:0;position:static}header nav.nav-dropdown,header .nav.nav-dropdown{border-top-left-radius:0;border-top-right-radius:0;height:auto;position:fixed}header nav.nav-dropdown ul,header .nav.nav-dropdown ul{flex-flow:column}header nav ul,header .nav ul{flex-flow:row;justify-content:flex-start}}@media only screen and (min-width: 700px){header .header-right,header .nav-header{margin-left:auto}}header h1{margin:0}body{flex-flow:column;align-items:stretch}.container{margin-left:auto;margin-right:auto;max-width:100%;width:1024px}main{flex-grow:1}main .container{padding:8px}header,main,footer{flex-shrink:1}footer,[class^=footer]{right:0;bottom:0;left:0;text-align:center}footer .container,[class^=footer] .container{padding:.7em}footer.footer-lg .container,[class^=footer].footer-lg .container{padding:1.5em}footer.footer-sm .container,[class^=footer].footer-sm .container{padding:.1em}
 /*# sourceMappingURL=bcmc.min.css.map */
diff --git a/dist/bcmc.min.css.map b/dist/bcmc.min.css.map
index ab3a8cc..a3c5e2c 100644
--- a/dist/bcmc.min.css.map
+++ b/dist/bcmc.min.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"../scss","sources":["bcmc.scss","_root.scss","_basics.scss","_mixins.scss","color.scss","button.scss","flexgrid.scss","burger.scss","nav.scss","_variables.scss","page.scss"],"names":[],"mappings":"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Vd,WCUc,KDRd,4BAEC,sCAUE,sDL8DH,mBK9DG,4DL8DH,mBK9DG,4DL8DH,mBK9DG,wDL8DH,mBK9DG,0DL8DH,mBK9DG,wDL8DH,mBK9DG,wDL8DH,mBK9DG,0DL8DH,mBK9DG,wDL8DH,mBK9DG,4DL8DH,mBK9DG,8DL8DH,mBK9DG,wDL8DH,mBK9DG,0DL8DH,gBK9DG,oEL8DH,mBK9DG,wDL8DH,mBK9DG,kEL8DH,mBK9DG,8DL8DH,mBK9DG,kEL8DH,mBK9DG,8DL8DH,mBK9DG,wDL8DH,mBK9DG,8DL8DH,mBK9DG,4DL8DH,mBK9DG,0DL8DH,gBK9DG,wDL8DH,gBKvDA,kBAEC,iBACA,kBLxGD,0CKqGA,kBAME,mBACA,QCjBa,IDkBb,OCnBY,KDoBZ,cACA,cACA,+BAGF,kBACC,oBACA,OC3Ba,KD4Bb,QC3Bc,ID4Bd,mBACA,kBAgBA,8BAfA,8BACC,YACA,kBACA,oBACA,mBAEA,kCACC,mBACA,0CACC,YACA,MCzCU,KD0CV,OC1CU,KN1Fd,0CKmHA,kBAwBE,WAGD,uBAEC,MCtDY,KDuDZ,OCvDY,KDwDZ,aACA,uBACA,iBAGF,uBAEC,iBLnEA,eAGA,SAMA,SK6DA,WACA,qFAGC,YACA,WAED,6BACC,iBACA,oBAED,2BLlBD,iBACA,mBACA,uBACA,kBKiBE,oBLzKF,0CKuJA,uBAqBE,YAkBA,gBLxGD,kBK8GC,WACA,aAxBA,6CACC,gBLxFF,gBK4FC,iDACC,yBACA,0BACA,YL/FF,eKiGE,uDACC,iBAQF,6BACC,cACA,4BLlMH,0CKyMC,wCAEC,kBAUF,UACC,SE5NF,KAEC,iBACA,oBAGD,WPOE,iBACA,kBOND,eACA,MDoFc,OClFf,KACC,YACA,gBACC,YAIF,mBAGC,cAGD,uBAEC,QACA,SACA,OACA,kBACA,6CACC,aAGA,iEACC,cAED,iEACC","file":"bcmc.min.css","sourcesContent":["//Setup\n@import \"./functions\";\n@import \"./variables\";\n@import \"./mixins\";\n\n@import \"./root\";\n\n//RESET\n@import url(\"https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css\");\n@import \"./_basics\";\n\n//CSS Basics\n@import \"./color\";\n@import \"./button\";\n@import \"./flexgrid\";\n@import \"./burger.scss\";\n@import \"./nav\";\n@import \"./page\";\n",":root {\n\t@each $name, $value in $all-colors {\n\t\t--#{$name}: #{$value};\n\t}\n}\n","* {\n\tbox-sizing: border-box;\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tmargin: 0;\n\tpadding: 0;\n\tfont-family: Arial, Helvetica, sans-serif;\n\tcolor: inherit;\n}\n\nhtml,\nbody {\n\twidth: 100%;\n\theight: 100%;\n}\n\n.scroll-disable {\n\toverflow: hidden;\n}\na {\n\tcolor: var(--color-blue);\n\t&,\n\t&:link,\n\t&:visited {\n\t\ttext-decoration: none;\n\t\tfont-weight: bold;\n\t}\n}\n\n@mixin hide {\n\t@include absolute($top: -9999px, $left: -9999px, $important: true);\n}\n.hide {\n\t@include hide;\n\t@include mq(mobile) {\n\t\t&-mobile {\n\t\t\t@include hide;\n\t\t}\n\t}\n\t@include mq(desktop) {\n\t\t&-desktop {\n\t\t\t@include hide;\n\t\t}\n\t}\n}\n","@mixin mq($width: desktop) {\r\n\t$type: min;\r\n\t@if $width==mobile {\r\n\t\t$width: $width - 1px;\r\n\t\t$type: max;\r\n\t}\r\n\t@media only screen and (#{$type}-width: $maxMobileWidth) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin centerBlock {\r\n\tmargin: {\r\n\t\tleft: auto;\r\n\t\tright: auto;\r\n\t}\r\n}\r\n\r\n@mixin pseudo($display: block, $pos: absolute, $content: \"\") {\r\n\tcontent: $content;\r\n\tdisplay: $display;\r\n\tposition: $pos;\r\n}\r\n\r\n@mixin responsive-ratio($x, $y, $pseudo: false) {\r\n\t$padding: unquote(($y / $x) * 100 + \"%\");\r\n\t@if $pseudo {\r\n\t\t&:before {\r\n\t\t\t@include pseudo($pos: relative);\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding-top: $padding;\r\n\t\t}\r\n\t} @else {\r\n\t\tpadding-top: $padding;\r\n\t}\r\n}\r\n\r\n@mixin css-triangle($color, $direction, $size: 6px, $position: absolute, $round: false) {\r\n\t@include pseudo($pos: $position);\r\n\twidth: 0;\r\n\theight: 0;\r\n\t@if $round {\r\n\t\tborder-radius: 3px;\r\n\t}\r\n\t@if $direction == down {\r\n\t\tborder-left: $size solid transparent;\r\n\t\tborder-right: $size solid transparent;\r\n\t\tborder-top: $size solid $color;\r\n\t\tmargin-top: 0 - round($size / 2.5);\r\n\t} @else if $direction == up {\r\n\t\tborder-left: $size solid transparent;\r\n\t\tborder-right: $size solid transparent;\r\n\t\tborder-bottom: $size solid $color;\r\n\t\tmargin-bottom: 0 - round($size / 2.5);\r\n\t} @else if $direction == right {\r\n\t\tborder-top: $size solid transparent;\r\n\t\tborder-bottom: $size solid transparent;\r\n\t\tborder-left: $size solid $color;\r\n\t\tmargin-right: -$size;\r\n\t} @else if $direction == left {\r\n\t\tborder-top: $size solid transparent;\r\n\t\tborder-bottom: $size solid transparent;\r\n\t\tborder-right: $size solid $color;\r\n\t\tmargin-left: -$size;\r\n\t}\r\n}\r\n\r\n@mixin input-placeholder {\r\n\t&.placeholder {\r\n\t\t@content;\r\n\t}\r\n\t&:-moz-placeholder {\r\n\t\t@content;\r\n\t}\r\n\t&::-moz-placeholder {\r\n\t\t@content;\r\n\t}\r\n\t&:-ms-input-placeholder {\r\n\t\t@content;\r\n\t}\r\n\t&::-webkit-input-placeholder {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin position($position: static, $top: null, $right: null, $bottom: null, $left: null, $important: false) {\r\n\t@if $important {\r\n\t\t$important: \" !important\";\r\n\t} @else {\r\n\t\t$important: \"\";\r\n\t}\r\n\t@if $position != null {\r\n\t\tposition: $position#{$important};\r\n\t}\r\n\t@if $top != null {\r\n\t\ttop: $top#{$important};\r\n\t}\r\n\t@if $right != null {\r\n\t\tright: $right#{$important};\r\n\t}\r\n\t@if $bottom != null {\r\n\t\tbottom: $bottom#{$important};\r\n\t}\r\n\t@if $left != null {\r\n\t\tleft: $left#{$important};\r\n\t}\r\n}\r\n@mixin absolute($args...) {\r\n\t@include position(absolute, $args...);\r\n}\r\n\r\n@mixin relative($args...) {\r\n\t@include position(relative, $args...);\r\n}\r\n@mixin fixed($args...) {\r\n\t@include position(fixed, $args...);\r\n}\r\n\r\n@mixin textColor($color) {\r\n\t$color: getColorCSS($color);\r\n\tcolor: $color;\r\n\tborder: {\r\n\t\tcolor: $color;\r\n\t}\r\n}\r\n\r\n@mixin bgColor($color) {\r\n\tbackground-color: getColorCSS($color);\r\n\t$color: getColor($color);\r\n\t@if (lightness($color) > 50) {\r\n\t\t// @extend .text-dark;\r\n\t\t@include textColor(\"dark\");\r\n\t} @else {\r\n\t\t//@extend .text-light;\r\n\t\t@include textColor(\"light\");\r\n\t}\r\n}\r\n\r\n@mixin font-source-sans($size: false, $colour: false, $weight: false, $lh: false) {\r\n\tfont-family: \"Source Sans Pro\", Helvetica, Arial, sans-serif;\r\n\t@if $size {\r\n\t\tfont-size: $size;\r\n\t}\r\n\t@if $colour {\r\n\t\t@include textColor($color);\r\n\t}\r\n\t@if $weight {\r\n\t\tfont-weight: $weight;\r\n\t}\r\n\t@if $lh {\r\n\t\tline-height: $lh;\r\n\t}\r\n}\r\n\r\n@mixin center {\r\n\tflex-flow: column;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\ttext-align: center;\r\n}\r\n\r\n@mixin hover($color) {\r\n\tbackground: shade(getColor($color), 20%);\r\n}\r\n","@each $name, $value in $all-colors {\r\n\t.text-#{$name} {\r\n\t\t@include textColor($name);\r\n\t}\r\n\t.bg-#{$name} {\r\n\t\t@include bgColor($name);\r\n\t}\r\n}\r\n","$btnHeight: 48;\n$btnHor: 16;\n$btnVir: ($btnHeight - 16)/2;\n\n%btnBase {\n\tcursor: pointer;\n\theight: #{$btnHeight}px;\n\n\tdisplay: block;\n\n\t@each $name, $color in $all-colors {\n\t\t&.bg-#{$name}:hover {\n\t\t\t@include hover($color);\n\t\t}\n\t}\n}\n\n%btn {\n\t@extend %btnBase;\n\tpadding: {\n\t\tleft: #{$btnHor}px;\n\t\tright: #{$btnHor}px;\n\t\ttop: #{$btnVir}px;\n\t\tbottom: #{$btnVir}px;\n\t}\n}\n%btnBorder {\n\tborder: {\n\t\tradius: 1em;\n\t}\n\tborder-style: solid;\n\tborder-color: rgba($color: #888888, $alpha: 0.3);\n}\n\n.btn {\n\tdisplay: inline-block;\n\t@extend %btn;\n\t@extend %btnBorder;\n}\n\n.toggler {\n\tdisplay: inline-block;\n\t@extend %btnBase;\n\t@extend %btnBorder;\n}\n","%flexbase {\r\n\tflex-wrap: wrap;\r\n}\r\n\r\n%flex {\r\n\tdisplay: flex;\r\n\t@extend %flexbase;\r\n}\r\n\r\n%flex-inline {\r\n\tdisplay: inline-flex;\r\n\t@extend %flexbase;\r\n}\r\n\r\n[class^=\"f-\"] {\r\n\t@extend %flex;\r\n}\r\n\r\n[class^=\"fi-\"] {\r\n\t@extend %flex-inline;\r\n}\r\n.f,\r\n.fi {\r\n\t@each $dir in row row-reverse column column-reverse {\r\n\t\t&-#{$dir} {\r\n\t\t\tflex-direction: $dir;\r\n\t\t}\r\n\t}\r\n\t@each $wrap in nowrap wrap wrap-reverse {\r\n\t\t&-#{$wrap} {\r\n\t\t\tflex-wrap: $wrap;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.row {\r\n\t@extend %flex;\r\n\r\n\t@include mq(mobile) {\r\n\t\tflex-flow: column;\r\n\t}\r\n}\r\n\r\n[class^=\"col\"] {\r\n\twidth: 100%;\r\n}\r\n@include mq {\r\n\t@for $rowCols from $columnCount to 1 {\r\n\t\t@for $colSpan from $rowCols through 1 {\r\n\t\t\t$lcm: lcm($rowCols, $colSpan);\r\n\t\t\t.col-#{$colSpan}-#{$rowCols} {\r\n\t\t\t\t@if $colSpan != $rowCols {\r\n\t\t\t\t\t@if $lcm!=1 {\r\n\t\t\t\t\t\t@extend .col-#{$colSpan/$lcm}-#{$rowCols/$lcm};\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t\twidth: percentage($colSpan/$rowCols);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.col-#{$rowCols} {\r\n\t\t\t@extend .col-#{$rowCols}-#{$columnCount};\r\n\t\t}\r\n\t}\r\n}\r\n","%burgerElm {\r\n\twidth: 100%;\r\n\tbackground-color: white;\r\n\tborder-radius: 5px;\r\n\ttransition: transform 0.5s ease-in-out;\r\n}\r\n\r\n%burgerBar {\r\n\t@extend %burgerElm;\r\n\theight: 100%;\r\n\t@include pseudo;\r\n}\r\n\r\n.burger {\r\n\t@extend %burgerElm;\r\n\r\n\theight: 10%;\r\n\tposition: relative;\r\n\r\n\t&::before {\r\n\t\t@extend %burgerBar;\r\n\t\ttransform: translateY(-300%);\r\n\t}\r\n\r\n\t&::after {\r\n\t\t@extend %burgerBar;\r\n\t\ttransform: translateY(300%);\r\n\t}\r\n}\r\n\r\n%burgerContainer.open .burger {\r\n\tbackground-color: transparent;\r\n\r\n\t&::before {\r\n\t\ttransform: rotate(45deg);\r\n\t}\r\n\r\n\t&::after {\r\n\t\ttransform: rotate(-45deg);\r\n\t}\r\n}\r\n","@import \"./burger.scss\";\r\n\r\nnav,\r\n.nav {\r\n\tborder: {\r\n\t\tradius: 1em;\r\n\t}\r\n\r\n\t.b {\r\n\t\tdisplay: block;\r\n\t}\r\n\tdisplay: inline-block;\r\n\ttext-align: center;\r\n\tul {\r\n\t\t@extend %flex-inline;\r\n\t\talign-items: stretch;\r\n\t\tlist-style-type: none;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t}\r\n\tli {\r\n\t\tborder: inherit;\r\n\t\ta {\r\n\t\t\t@extend %btn;\r\n\t\t\t// display: block;\r\n\t\t\tline-height: 100%;\r\n\t\t\tborder-radius: 1em;\r\n\t\t}\r\n\t\t// &:first-child a {\r\n\t\t// \tborder: {\r\n\t\t// \t\ttop-left-radius: 1em;\r\n\t\t// \t\ttop-right-radius: 0;\r\n\t\t// \t\tbottom-left-radius: 1em;\r\n\t\t// \t\tbottom-right-radius: 0;\r\n\t\t// \t}\r\n\t\t// }\r\n\r\n\t\t// &:last-child a {\r\n\t\t// \tborder: {\r\n\t\t// \t\ttop-left-radius: 0;\r\n\t\t// \t\ttop-right-radius: 1em;\r\n\t\t// \t\tbottom-left-radius: 0;\r\n\t\t// \t\tbottom-right-radius: 1em;\r\n\t\t// \t}\r\n\t\t// }\r\n\t}\r\n\r\n\t&.nav-vertical {\r\n\t\tul {\r\n\t\t\tflex-flow: column;\r\n\t\t}\r\n\r\n\t\tli {\r\n\t\t\t&:first-child a {\r\n\t\t\t\tborder: {\r\n\t\t\t\t\ttop-right-radius: 1em;\r\n\t\t\t\t\tbottom-left-radius: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:last-child a {\r\n\t\t\t\tborder: {\r\n\t\t\t\t\ttop-right-radius: 0;\r\n\t\t\t\t\tbottom-left-radius: 1em;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@each $name, $color in $all-colors {\r\n\t\t&.bg-#{$name} {\r\n\t\t\tli.active a,\r\n\t\t\ta.active,\r\n\t\t\ta:active,\r\n\t\t\ta:hover {\r\n\t\t\t\t@include hover($color);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\nheader {\r\n\tposition: sticky;\r\n\ttop: 0;\r\n\tz-index: z(\"site-header\");\r\n\tflex-basis: $headerHeight;\r\n\tmin-height: $headerHeight;\r\n\r\n\t.btn,\r\n\t.toggler {\r\n\t\tbackground-color: rgba($color: #ffffff, $alpha: 0.1);\r\n\t}\r\n\r\n\t@each $name, $value in $all-colors {\r\n\t\t&.bg-#{$name} {\r\n\t\t\tnav {\r\n\t\t\t\t@extend .bg-#{$name};\r\n\t\t\t}\r\n\t\t\t.btn,\r\n\t\t\t.toggler {\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\t@include hover($value);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.container {\r\n\t\t@extend .row;\r\n\t\tflex-flow: column;\r\n\t\tposition: relative;\r\n\t\t// //`z-index: 5;\r\n\t\t@include mq {\r\n\t\t\talign-items: center;\r\n\t\t\tpadding: $headerPadding;\r\n\t\t\theight: $headerHeight;\r\n\t\t\tflex-flow: row;\r\n\t\t\tmax-width: 97%;\r\n\t\t\tjustify-content: space-between;\r\n\t\t}\r\n\t}\r\n\t.site-head {\r\n\t\tdisplay: inline-flex;\r\n\t\theight: $headerHeight;\r\n\t\tpadding: $headerPadding;\r\n\t\talign-items: center;\r\n\t\tposition: relative;\r\n\t\t.site-title {\r\n\t\t\theight: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\t//padding-right: 10px;\r\n\t\t\timg {\r\n\t\t\t\tmargin-right: 0.25em;\r\n\t\t\t\t&.toggler {\r\n\t\t\t\t\tpadding: 8px;\r\n\t\t\t\t\twidth: $headerHeight;\r\n\t\t\t\t\theight: $headerHeight;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tjustify-content: space-between;\r\n\r\n\t\t@include mq {\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\r\n\t\t.btn {\r\n\t\t\t@extend %burgerContainer;\r\n\t\t\twidth: $headerHeight;\r\n\t\t\theight: $headerHeight;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\tflex-flow: column;\r\n\t\t}\r\n\t}\r\n\tnav,\r\n\t.nav {\r\n\t\tfont-size: larger;\r\n\t\t@include fixed($top: $headerHeight, $bottom: 0);\r\n\r\n\t\twidth: 100%;\r\n\t\tul,\r\n\t\tli,\r\n\t\ta {\r\n\t\t\theight: 100%;\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t\tul {\r\n\t\t\tflex-flow: column;\r\n\t\t\talign-items: stretch;\r\n\t\t}\r\n\t\ta {\r\n\t\t\t@include center;\r\n\t\t\tdisplay: inline-flex;\r\n\t\t}\r\n\t\t@include mq {\r\n\t\t\tbottom: auto;\r\n\t\t\t&.nav-header {\r\n\t\t\t\tborder-radius: 0;\r\n\t\t\t\t@include position;\r\n\t\t\t}\r\n\r\n\t\t\t&.nav-dropdown {\r\n\t\t\t\tborder-top-left-radius: 0;\r\n\t\t\t\tborder-top-right-radius: 0;\r\n\t\t\t\theight: auto;\r\n\t\t\t\t@include fixed;\r\n\t\t\t\tul {\r\n\t\t\t\t\tflex-flow: column;\r\n\t\t\t\t}\r\n\t\t\t\t//@include fixed($top: $headerHeight, $left: 0);\r\n\t\t\t}\r\n\r\n\t\t\t//height: $headerHeight;\r\n\t\t\tfont-size: unset;\r\n\t\t\t@include relative;\r\n\t\t\tul {\r\n\t\t\t\tflex-flow: row;\r\n\t\t\t\tjustify-content: flex-start;\r\n\t\t\t}\r\n\t\t\twidth: auto;\r\n\t\t\tmargin-top: 0;\r\n\t\t}\r\n\t}\r\n\t@include mq {\r\n\t\t.header-right,\r\n\t\t.nav-header {\r\n\t\t\tmargin-left: auto;\r\n\t\t}\r\n\t}\r\n\r\n\t@each $name, $color in $all-colors {\r\n\t\t&.bg-#{$name} nav {\r\n\t\t\t@extend .bg-#{$name};\r\n\t\t}\r\n\t}\r\n\r\n\th1 {\r\n\t\tmargin: 0;\r\n\t}\r\n}\r\n","$colorChange: 50%;\n//Grey\n$black: black !default;\n$gray: #999999 !default;\n$gray-light: tint($gray, $colorChange) !default;\n$gray-dark: shade($gray, $colorChange) !default;\n$white: white !default;\n\n// Colors\n$red: #cc2b11 !default;\n$orange: #f39f2d !default;\n$yellow: #f1d54c !default;\n$lime: #a8d618 !default;\n$green: #55cc11 !default;\n$teal: #11cc88 !default;\n$cyan: #70e2e8 !default;\n$azure: #11b2cc !default;\n$blue: #1155cc !default;\n$purple: #8811cc !default;\n$magenta: #cc1b22 !default;\n$rose: #cc1155 !default;\n\n$colors: (\n\t\"red\": $red,\n\t\"orange\": $orange,\n\t\"yellow\": $yellow,\n\t\"lime\": $lime,\n\t\"green\": $green,\n\t\"teal\": $teal,\n\t\"cyan\": $cyan,\n\t\"azure\": $azure,\n\t\"blue\": $blue,\n\t\"purple\": $purple,\n\t\"magenta\": $magenta,\n\t\"rose\": $rose,\n\t\"white\": $white,\n\t\"gray-light\": $gray-dark,\n\t\"gray\": $gray,\n\t\"gray-dark\": $gray-dark,\n) !default;\n\n$primary: $blue !default;\n$secondary: $gray !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $white !default;\n$dark: $black !default;\n\n$theme-colors: (\n\t\"primary\": $primary,\n\t\"secondary\": $secondary,\n\t\"success\": $success,\n\t\"info\": $info,\n\t\"warning\": $warning,\n\t\"danger\": $danger,\n\t\"light\": $light,\n\t\"dark\": $dark,\n) !default;\n\n$all-colors: map-merge($colors, $theme-colors);\n\n$red-light: tint($red, $colorChange) !default;\n$red-dark: shade($red, $colorChange) !default;\n$orange-light: tint($orange, $colorChange) !default;\n$orange-dark: shade($orange, $colorChange) !default;\n$yellow-light: tint($yellow, $colorChange) !default;\n$yellow-dark: shade($yellow, $colorChange) !default;\n$lime-light: tint($lime, $colorChange) !default;\n$lime-dark: shade($lime, $colorChange) !default;\n$green-light: tint($green, $colorChange) !default;\n$green-dark: shade($green, $colorChange) !default;\n$teal-light: tint($teal, $colorChange) !default;\n$teal-dark: shade($teal, $colorChange) !default;\n$cyan-light: tint($cyan, $colorChange) !default;\n$cyan-dark: shade($cyan, $colorChange) !default;\n$azure-light: tint($azure, $colorChange) !default;\n$azure-dark: shade($azure, $colorChange) !default;\n$blue-light: tint($blue, $colorChange) !default;\n$blue-dark: shade($blue, $colorChange) !default;\n$purple-light: tint($purple, $colorChange) !default;\n$purple-dark: shade($purple, $colorChange) !default;\n$magenta-light: tint($magenta, $colorChange) !default;\n$magenta-dark: shade($magenta, $colorChange) !default;\n$rose-light: tint($rose, $colorChange) !default;\n$rose-dark: shade($rose, $colorChange) !default;\n\n//Responsivity\n$maxMobileWidth: 700px;\n\n//grid\n$columnCount: 12;\n$contentWidth: 1024px;\n\n//nav\n$headerHeight: 64px;\n$headerPadding: 8px;\n$brandingMargin: 0.125em;\n","body {\n\t@extend %flex;\n\tflex-flow: column;\n\talign-items: stretch;\n}\n\n.container {\n\t@include centerBlock;\n\tmax-width: 100%;\n\twidth: $contentWidth;\n}\nmain {\n\tflex-grow: 1;\n\t.container {\n\t\tpadding: 8px;\n\t}\n}\n\nheader,\nmain,\nfooter {\n\tflex-shrink: 1;\n}\n\nfooter,\n[class^=\"footer\"] {\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\ttext-align: center;\n\t.container {\n\t\tpadding: 0.7em;\n\t}\n\t&.footer {\n\t\t&-lg .container {\n\t\t\tpadding: 1.5em;\n\t\t}\n\t\t&-sm .container {\n\t\t\tpadding: 0.1em;\n\t\t}\n\t}\n}\n"]}
\ No newline at end of file
+{"version":3,"sourceRoot":"../scss","sources":["bcmc.scss","_root.scss","_basics.scss","_mixins.scss","color.scss","button.scss","flexgrid.scss","burger.scss","nav.scss","_variables.scss","page.scss"],"names":[],"mappings":"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CWc,KDVd,WCUc,KDRd,4BAEC,sCAUE,sDL8DH,mBK9DG,4DL8DH,mBK9DG,4DL8DH,mBK9DG,wDL8DH,mBK9DG,0DL8DH,mBK9DG,wDL8DH,mBK9DG,wDL8DH,mBK9DG,0DL8DH,mBK9DG,wDL8DH,mBK9DG,4DL8DH,mBK9DG,8DL8DH,mBK9DG,wDL8DH,mBK9DG,0DL8DH,gBK9DG,oEL8DH,mBK9DG,wDL8DH,mBK9DG,kEL8DH,mBK9DG,8DL8DH,mBK9DG,kEL8DH,mBK9DG,8DL8DH,mBK9DG,wDL8DH,mBK9DG,8DL8DH,mBK9DG,4DL8DH,mBK9DG,0DL8DH,gBK9DG,wDL8DH,gBKvDA,kBAEC,iBACA,kBLxGD,0CKqGA,kBAME,mBACA,QCjBa,IDkBb,OCnBY,KDoBZ,cACA,cACA,+BAGF,kBACC,oBACA,OC3Ba,KD4Bb,QC3Bc,ID4Bd,mBACA,kBAgBA,8BAfA,8BACC,YACA,kBACA,oBACA,mBAEA,kCACC,mBACA,0CACC,YACA,MCzCU,KD0CV,OC1CU,KN1Fd,0CKmHA,kBAwBE,WAGD,uBAEC,MCtDY,KDuDZ,OCvDY,KDwDZ,aACA,uBACA,iBAGF,uBAEC,iBLnEA,eAGA,SAMA,SK6DA,WACA,qFAGC,YACA,WAED,6BACC,iBACA,oBAED,2BLlBD,iBACA,mBACA,uBACA,kBKiBE,oBLzKF,0CKuJA,uBAqBE,YAkBA,gBLxGD,kBK8GC,WACA,aAxBA,6CACC,gBLxFF,gBK4FC,iDACC,yBACA,0BACA,YL/FF,eKiGE,uDACC,iBAQF,6BACC,cACA,4BLlMH,0CKyMC,wCAEC,kBAUF,UACC,SE5NF,KAEC,iBACA,oBAGD,WPOE,iBACA,kBOND,eACA,MDoFc,OClFf,KACC,YACA,gBACC,YAIF,mBAGC,cAGD,uBAEC,QACA,SACA,OACA,kBACA,6CACC,aAGA,iEACC,cAED,iEACC","file":"bcmc.min.css","sourcesContent":["//Setup\n@import \"./functions\";\n@import \"./variables\";\n@import \"./mixins\";\n\n@import \"./root\";\n\n//RESET\n@import url(\"https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css\");\n@import \"./_basics\";\n\n//CSS Basics\n@import \"./color\";\n@import \"./button\";\n@import \"./flexgrid\";\n@import \"./burger.scss\";\n@import \"./nav\";\n@import \"./page\";\n",":root {\n\t@each $name, $value in $all-colors {\n\t\t--#{$name}: #{$value};\n\t}\n}\n","* {\n\tbox-sizing: border-box;\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tmargin: 0;\n\tpadding: 0;\n\tfont-family: Arial, Helvetica, sans-serif;\n\tcolor: inherit;\n}\n\nhtml,\nbody {\n\twidth: 100%;\n\theight: auto;\n\tmin-height: 100vh;\n}\n\n.scroll-disable {\n\toverflow: hidden;\n}\na {\n\tcolor: var(--color-blue);\n\t&,\n\t&:link,\n\t&:visited {\n\t\ttext-decoration: none;\n\t\tfont-weight: bold;\n\t}\n}\n\n@mixin hide {\n\t@include absolute($top: -9999px, $left: -9999px, $important: true);\n}\n.hide {\n\t@include hide;\n\t@include mq(mobile) {\n\t\t&-mobile {\n\t\t\t@include hide;\n\t\t}\n\t}\n\t@include mq(desktop) {\n\t\t&-desktop {\n\t\t\t@include hide;\n\t\t}\n\t}\n}\n","@mixin mq($width: desktop) {\r\n\t$type: min;\r\n\t@if $width==mobile {\r\n\t\t$width: $width - 1px;\r\n\t\t$type: max;\r\n\t}\r\n\t@media only screen and (#{$type}-width: $maxMobileWidth) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin centerBlock {\r\n\tmargin: {\r\n\t\tleft: auto;\r\n\t\tright: auto;\r\n\t}\r\n}\r\n\r\n@mixin pseudo($display: block, $pos: absolute, $content: \"\") {\r\n\tcontent: $content;\r\n\tdisplay: $display;\r\n\tposition: $pos;\r\n}\r\n\r\n@mixin responsive-ratio($x, $y, $pseudo: false) {\r\n\t$padding: unquote(($y / $x) * 100 + \"%\");\r\n\t@if $pseudo {\r\n\t\t&:before {\r\n\t\t\t@include pseudo($pos: relative);\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding-top: $padding;\r\n\t\t}\r\n\t} @else {\r\n\t\tpadding-top: $padding;\r\n\t}\r\n}\r\n\r\n@mixin css-triangle($color, $direction, $size: 6px, $position: absolute, $round: false) {\r\n\t@include pseudo($pos: $position);\r\n\twidth: 0;\r\n\theight: 0;\r\n\t@if $round {\r\n\t\tborder-radius: 3px;\r\n\t}\r\n\t@if $direction == down {\r\n\t\tborder-left: $size solid transparent;\r\n\t\tborder-right: $size solid transparent;\r\n\t\tborder-top: $size solid $color;\r\n\t\tmargin-top: 0 - round($size / 2.5);\r\n\t} @else if $direction == up {\r\n\t\tborder-left: $size solid transparent;\r\n\t\tborder-right: $size solid transparent;\r\n\t\tborder-bottom: $size solid $color;\r\n\t\tmargin-bottom: 0 - round($size / 2.5);\r\n\t} @else if $direction == right {\r\n\t\tborder-top: $size solid transparent;\r\n\t\tborder-bottom: $size solid transparent;\r\n\t\tborder-left: $size solid $color;\r\n\t\tmargin-right: -$size;\r\n\t} @else if $direction == left {\r\n\t\tborder-top: $size solid transparent;\r\n\t\tborder-bottom: $size solid transparent;\r\n\t\tborder-right: $size solid $color;\r\n\t\tmargin-left: -$size;\r\n\t}\r\n}\r\n\r\n@mixin input-placeholder {\r\n\t&.placeholder {\r\n\t\t@content;\r\n\t}\r\n\t&:-moz-placeholder {\r\n\t\t@content;\r\n\t}\r\n\t&::-moz-placeholder {\r\n\t\t@content;\r\n\t}\r\n\t&:-ms-input-placeholder {\r\n\t\t@content;\r\n\t}\r\n\t&::-webkit-input-placeholder {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin position($position: static, $top: null, $right: null, $bottom: null, $left: null, $important: false) {\r\n\t@if $important {\r\n\t\t$important: \" !important\";\r\n\t} @else {\r\n\t\t$important: \"\";\r\n\t}\r\n\t@if $position != null {\r\n\t\tposition: $position#{$important};\r\n\t}\r\n\t@if $top != null {\r\n\t\ttop: $top#{$important};\r\n\t}\r\n\t@if $right != null {\r\n\t\tright: $right#{$important};\r\n\t}\r\n\t@if $bottom != null {\r\n\t\tbottom: $bottom#{$important};\r\n\t}\r\n\t@if $left != null {\r\n\t\tleft: $left#{$important};\r\n\t}\r\n}\r\n@mixin absolute($args...) {\r\n\t@include position(absolute, $args...);\r\n}\r\n\r\n@mixin relative($args...) {\r\n\t@include position(relative, $args...);\r\n}\r\n@mixin fixed($args...) {\r\n\t@include position(fixed, $args...);\r\n}\r\n\r\n@mixin textColor($color) {\r\n\t$color: getColorCSS($color);\r\n\tcolor: $color;\r\n\tborder: {\r\n\t\tcolor: $color;\r\n\t}\r\n}\r\n\r\n@mixin bgColor($color) {\r\n\tbackground-color: getColorCSS($color);\r\n\t$color: getColor($color);\r\n\t@if (lightness($color) > 50) {\r\n\t\t// @extend .text-dark;\r\n\t\t@include textColor(\"dark\");\r\n\t} @else {\r\n\t\t//@extend .text-light;\r\n\t\t@include textColor(\"light\");\r\n\t}\r\n}\r\n\r\n@mixin font-source-sans($size: false, $colour: false, $weight: false, $lh: false) {\r\n\tfont-family: \"Source Sans Pro\", Helvetica, Arial, sans-serif;\r\n\t@if $size {\r\n\t\tfont-size: $size;\r\n\t}\r\n\t@if $colour {\r\n\t\t@include textColor($color);\r\n\t}\r\n\t@if $weight {\r\n\t\tfont-weight: $weight;\r\n\t}\r\n\t@if $lh {\r\n\t\tline-height: $lh;\r\n\t}\r\n}\r\n\r\n@mixin center {\r\n\tflex-flow: column;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\ttext-align: center;\r\n}\r\n\r\n@mixin hover($color) {\r\n\tbackground: shade(getColor($color), 20%);\r\n}\r\n","@each $name, $value in $all-colors {\r\n\t.text-#{$name} {\r\n\t\t@include textColor($name);\r\n\t}\r\n\t.bg-#{$name} {\r\n\t\t@include bgColor($name);\r\n\t}\r\n}\r\n","$btnHeight: 48;\n$btnHor: 16;\n$btnVir: ($btnHeight - 16)/2;\n\n%btnBase {\n\tcursor: pointer;\n\theight: #{$btnHeight}px;\n\n\tdisplay: block;\n\n\t@each $name, $color in $all-colors {\n\t\t&.bg-#{$name}:hover {\n\t\t\t@include hover($color);\n\t\t}\n\t}\n}\n\n%btn {\n\t@extend %btnBase;\n\tpadding: {\n\t\tleft: #{$btnHor}px;\n\t\tright: #{$btnHor}px;\n\t\ttop: #{$btnVir}px;\n\t\tbottom: #{$btnVir}px;\n\t}\n}\n%btnBorder {\n\tborder: {\n\t\tradius: 1em;\n\t}\n\tborder-style: solid;\n\tborder-color: rgba($color: #888888, $alpha: 0.3);\n}\n\n.btn {\n\tdisplay: inline-block;\n\t@extend %btn;\n\t@extend %btnBorder;\n}\n\n.toggler {\n\tdisplay: inline-block;\n\t@extend %btnBase;\n\t@extend %btnBorder;\n}\n","%flexbase {\r\n\tflex-wrap: wrap;\r\n}\r\n\r\n%flex {\r\n\tdisplay: flex;\r\n\t@extend %flexbase;\r\n}\r\n\r\n%flex-inline {\r\n\tdisplay: inline-flex;\r\n\t@extend %flexbase;\r\n}\r\n\r\n[class^=\"f-\"] {\r\n\t@extend %flex;\r\n}\r\n\r\n[class^=\"fi-\"] {\r\n\t@extend %flex-inline;\r\n}\r\n.f,\r\n.fi {\r\n\t@each $dir in row row-reverse column column-reverse {\r\n\t\t&-#{$dir} {\r\n\t\t\tflex-direction: $dir;\r\n\t\t}\r\n\t}\r\n\t@each $wrap in nowrap wrap wrap-reverse {\r\n\t\t&-#{$wrap} {\r\n\t\t\tflex-wrap: $wrap;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.row {\r\n\t@extend %flex;\r\n\r\n\t@include mq(mobile) {\r\n\t\tflex-flow: column;\r\n\t}\r\n}\r\n\r\n[class^=\"col\"] {\r\n\twidth: 100%;\r\n}\r\n@include mq {\r\n\t@for $rowCols from $columnCount to 1 {\r\n\t\t@for $colSpan from $rowCols through 1 {\r\n\t\t\t$lcm: lcm($rowCols, $colSpan);\r\n\t\t\t.col-#{$colSpan}-#{$rowCols} {\r\n\t\t\t\t@if $colSpan != $rowCols {\r\n\t\t\t\t\t@if $lcm!=1 {\r\n\t\t\t\t\t\t@extend .col-#{$colSpan/$lcm}-#{$rowCols/$lcm};\r\n\t\t\t\t\t} @else {\r\n\t\t\t\t\t\twidth: percentage($colSpan/$rowCols);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.col-#{$rowCols} {\r\n\t\t\t@extend .col-#{$rowCols}-#{$columnCount};\r\n\t\t}\r\n\t}\r\n}\r\n","%burgerElm {\r\n\twidth: 100%;\r\n\tbackground-color: white;\r\n\tborder-radius: 5px;\r\n\ttransition: transform 0.5s ease-in-out;\r\n}\r\n\r\n%burgerBar {\r\n\t@extend %burgerElm;\r\n\theight: 100%;\r\n\t@include pseudo;\r\n}\r\n\r\n.burger {\r\n\t@extend %burgerElm;\r\n\r\n\theight: 10%;\r\n\tposition: relative;\r\n\r\n\t&::before {\r\n\t\t@extend %burgerBar;\r\n\t\ttransform: translateY(-300%);\r\n\t}\r\n\r\n\t&::after {\r\n\t\t@extend %burgerBar;\r\n\t\ttransform: translateY(300%);\r\n\t}\r\n}\r\n\r\n%burgerContainer.open .burger {\r\n\tbackground-color: transparent;\r\n\r\n\t&::before {\r\n\t\ttransform: rotate(45deg);\r\n\t}\r\n\r\n\t&::after {\r\n\t\ttransform: rotate(-45deg);\r\n\t}\r\n}\r\n","@import \"./burger.scss\";\r\n\r\nnav,\r\n.nav {\r\n\tborder: {\r\n\t\tradius: 1em;\r\n\t}\r\n\r\n\t.b {\r\n\t\tdisplay: block;\r\n\t}\r\n\tdisplay: inline-block;\r\n\ttext-align: center;\r\n\tul {\r\n\t\t@extend %flex-inline;\r\n\t\talign-items: stretch;\r\n\t\tlist-style-type: none;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t}\r\n\tli {\r\n\t\tborder: inherit;\r\n\t\ta {\r\n\t\t\t@extend %btn;\r\n\t\t\t// display: block;\r\n\t\t\tline-height: 100%;\r\n\t\t\tborder-radius: 1em;\r\n\t\t}\r\n\t\t// &:first-child a {\r\n\t\t// \tborder: {\r\n\t\t// \t\ttop-left-radius: 1em;\r\n\t\t// \t\ttop-right-radius: 0;\r\n\t\t// \t\tbottom-left-radius: 1em;\r\n\t\t// \t\tbottom-right-radius: 0;\r\n\t\t// \t}\r\n\t\t// }\r\n\r\n\t\t// &:last-child a {\r\n\t\t// \tborder: {\r\n\t\t// \t\ttop-left-radius: 0;\r\n\t\t// \t\ttop-right-radius: 1em;\r\n\t\t// \t\tbottom-left-radius: 0;\r\n\t\t// \t\tbottom-right-radius: 1em;\r\n\t\t// \t}\r\n\t\t// }\r\n\t}\r\n\r\n\t&.nav-vertical {\r\n\t\tul {\r\n\t\t\tflex-flow: column;\r\n\t\t}\r\n\r\n\t\tli {\r\n\t\t\t&:first-child a {\r\n\t\t\t\tborder: {\r\n\t\t\t\t\ttop-right-radius: 1em;\r\n\t\t\t\t\tbottom-left-radius: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:last-child a {\r\n\t\t\t\tborder: {\r\n\t\t\t\t\ttop-right-radius: 0;\r\n\t\t\t\t\tbottom-left-radius: 1em;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@each $name, $color in $all-colors {\r\n\t\t&.bg-#{$name} {\r\n\t\t\tli.active a,\r\n\t\t\ta.active,\r\n\t\t\ta:active,\r\n\t\t\ta:hover {\r\n\t\t\t\t@include hover($color);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\nheader {\r\n\tposition: sticky;\r\n\ttop: 0;\r\n\tz-index: z(\"site-header\");\r\n\tflex-basis: $headerHeight;\r\n\tmin-height: $headerHeight;\r\n\r\n\t.btn,\r\n\t.toggler {\r\n\t\tbackground-color: rgba($color: #ffffff, $alpha: 0.1);\r\n\t}\r\n\r\n\t@each $name, $value in $all-colors {\r\n\t\t&.bg-#{$name} {\r\n\t\t\tnav {\r\n\t\t\t\t@extend .bg-#{$name};\r\n\t\t\t}\r\n\t\t\t.btn,\r\n\t\t\t.toggler {\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\t@include hover($value);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.container {\r\n\t\t@extend .row;\r\n\t\tflex-flow: column;\r\n\t\tposition: relative;\r\n\t\t// //`z-index: 5;\r\n\t\t@include mq {\r\n\t\t\talign-items: center;\r\n\t\t\tpadding: $headerPadding;\r\n\t\t\theight: $headerHeight;\r\n\t\t\tflex-flow: row;\r\n\t\t\tmax-width: 97%;\r\n\t\t\tjustify-content: space-between;\r\n\t\t}\r\n\t}\r\n\t.site-head {\r\n\t\tdisplay: inline-flex;\r\n\t\theight: $headerHeight;\r\n\t\tpadding: $headerPadding;\r\n\t\talign-items: center;\r\n\t\tposition: relative;\r\n\t\t.site-title {\r\n\t\t\theight: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\t//padding-right: 10px;\r\n\t\t\timg {\r\n\t\t\t\tmargin-right: 0.25em;\r\n\t\t\t\t&.toggler {\r\n\t\t\t\t\tpadding: 8px;\r\n\t\t\t\t\twidth: $headerHeight;\r\n\t\t\t\t\theight: $headerHeight;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tjustify-content: space-between;\r\n\r\n\t\t@include mq {\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\r\n\t\t.btn {\r\n\t\t\t@extend %burgerContainer;\r\n\t\t\twidth: $headerHeight;\r\n\t\t\theight: $headerHeight;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\tflex-flow: column;\r\n\t\t}\r\n\t}\r\n\tnav,\r\n\t.nav {\r\n\t\tfont-size: larger;\r\n\t\t@include fixed($top: $headerHeight, $bottom: 0);\r\n\r\n\t\twidth: 100%;\r\n\t\tul,\r\n\t\tli,\r\n\t\ta {\r\n\t\t\theight: 100%;\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t\tul {\r\n\t\t\tflex-flow: column;\r\n\t\t\talign-items: stretch;\r\n\t\t}\r\n\t\ta {\r\n\t\t\t@include center;\r\n\t\t\tdisplay: inline-flex;\r\n\t\t}\r\n\t\t@include mq {\r\n\t\t\tbottom: auto;\r\n\t\t\t&.nav-header {\r\n\t\t\t\tborder-radius: 0;\r\n\t\t\t\t@include position;\r\n\t\t\t}\r\n\r\n\t\t\t&.nav-dropdown {\r\n\t\t\t\tborder-top-left-radius: 0;\r\n\t\t\t\tborder-top-right-radius: 0;\r\n\t\t\t\theight: auto;\r\n\t\t\t\t@include fixed;\r\n\t\t\t\tul {\r\n\t\t\t\t\tflex-flow: column;\r\n\t\t\t\t}\r\n\t\t\t\t//@include fixed($top: $headerHeight, $left: 0);\r\n\t\t\t}\r\n\r\n\t\t\t//height: $headerHeight;\r\n\t\t\tfont-size: unset;\r\n\t\t\t@include relative;\r\n\t\t\tul {\r\n\t\t\t\tflex-flow: row;\r\n\t\t\t\tjustify-content: flex-start;\r\n\t\t\t}\r\n\t\t\twidth: auto;\r\n\t\t\tmargin-top: 0;\r\n\t\t}\r\n\t}\r\n\t@include mq {\r\n\t\t.header-right,\r\n\t\t.nav-header {\r\n\t\t\tmargin-left: auto;\r\n\t\t}\r\n\t}\r\n\r\n\t@each $name, $color in $all-colors {\r\n\t\t&.bg-#{$name} nav {\r\n\t\t\t@extend .bg-#{$name};\r\n\t\t}\r\n\t}\r\n\r\n\th1 {\r\n\t\tmargin: 0;\r\n\t}\r\n}\r\n","$colorChange: 50%;\n//Grey\n$black: black !default;\n$gray: #999999 !default;\n$gray-light: tint($gray, $colorChange) !default;\n$gray-dark: shade($gray, $colorChange) !default;\n$white: white !default;\n\n// Colors\n$red: #cc2b11 !default;\n$orange: #f39f2d !default;\n$yellow: #f1d54c !default;\n$lime: #a8d618 !default;\n$green: #55cc11 !default;\n$teal: #11cc88 !default;\n$cyan: #70e2e8 !default;\n$azure: #11b2cc !default;\n$blue: #1155cc !default;\n$purple: #8811cc !default;\n$magenta: #cc1b22 !default;\n$rose: #cc1155 !default;\n\n$colors: (\n\t\"red\": $red,\n\t\"orange\": $orange,\n\t\"yellow\": $yellow,\n\t\"lime\": $lime,\n\t\"green\": $green,\n\t\"teal\": $teal,\n\t\"cyan\": $cyan,\n\t\"azure\": $azure,\n\t\"blue\": $blue,\n\t\"purple\": $purple,\n\t\"magenta\": $magenta,\n\t\"rose\": $rose,\n\t\"white\": $white,\n\t\"gray-light\": $gray-dark,\n\t\"gray\": $gray,\n\t\"gray-dark\": $gray-dark,\n) !default;\n\n$primary: $blue !default;\n$secondary: $gray !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $white !default;\n$dark: $black !default;\n\n$theme-colors: (\n\t\"primary\": $primary,\n\t\"secondary\": $secondary,\n\t\"success\": $success,\n\t\"info\": $info,\n\t\"warning\": $warning,\n\t\"danger\": $danger,\n\t\"light\": $light,\n\t\"dark\": $dark,\n) !default;\n\n$all-colors: map-merge($colors, $theme-colors);\n\n$red-light: tint($red, $colorChange) !default;\n$red-dark: shade($red, $colorChange) !default;\n$orange-light: tint($orange, $colorChange) !default;\n$orange-dark: shade($orange, $colorChange) !default;\n$yellow-light: tint($yellow, $colorChange) !default;\n$yellow-dark: shade($yellow, $colorChange) !default;\n$lime-light: tint($lime, $colorChange) !default;\n$lime-dark: shade($lime, $colorChange) !default;\n$green-light: tint($green, $colorChange) !default;\n$green-dark: shade($green, $colorChange) !default;\n$teal-light: tint($teal, $colorChange) !default;\n$teal-dark: shade($teal, $colorChange) !default;\n$cyan-light: tint($cyan, $colorChange) !default;\n$cyan-dark: shade($cyan, $colorChange) !default;\n$azure-light: tint($azure, $colorChange) !default;\n$azure-dark: shade($azure, $colorChange) !default;\n$blue-light: tint($blue, $colorChange) !default;\n$blue-dark: shade($blue, $colorChange) !default;\n$purple-light: tint($purple, $colorChange) !default;\n$purple-dark: shade($purple, $colorChange) !default;\n$magenta-light: tint($magenta, $colorChange) !default;\n$magenta-dark: shade($magenta, $colorChange) !default;\n$rose-light: tint($rose, $colorChange) !default;\n$rose-dark: shade($rose, $colorChange) !default;\n\n//Responsivity\n$maxMobileWidth: 700px;\n\n//grid\n$columnCount: 12;\n$contentWidth: 1024px;\n\n//nav\n$headerHeight: 64px;\n$headerPadding: 8px;\n$brandingMargin: 0.125em;\n","body {\n\t@extend %flex;\n\tflex-flow: column;\n\talign-items: stretch;\n}\n\n.container {\n\t@include centerBlock;\n\tmax-width: 100%;\n\twidth: $contentWidth;\n}\nmain {\n\tflex-grow: 1;\n\t.container {\n\t\tpadding: 8px;\n\t}\n}\n\nheader,\nmain,\nfooter {\n\tflex-shrink: 1;\n}\n\nfooter,\n[class^=\"footer\"] {\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\ttext-align: center;\n\t.container {\n\t\tpadding: 0.7em;\n\t}\n\t&.footer {\n\t\t&-lg .container {\n\t\t\tpadding: 1.5em;\n\t\t}\n\t\t&-sm .container {\n\t\t\tpadding: 0.1em;\n\t\t}\n\t}\n}\n"]}
\ No newline at end of file
diff --git a/scss/_basics.scss b/scss/_basics.scss
index 766fd41..6a815e8 100644
--- a/scss/_basics.scss
+++ b/scss/_basics.scss
@@ -11,7 +11,8 @@
 html,
 body {
 	width: 100%;
-	height: 100%;
+	height: auto;
+	min-height: 100vh;
 }
 
 .scroll-disable {