/*!
	yeah-grid-utils


	@version	1.2.1
	@author		Yeah <https://github.com/yeah8000>
	@used		https://grid-utils.yeah.de
*/*,*:before,*:after{box-sizing:border-box}:root{--outer-margin:15px;--gutter-width:10px;--max-width:500px}@media only screen and (min-width: 768px){:root{--outer-margin:40px;--gutter-width:20px;--max-width:950px}}@media only screen and (min-width: 1024px){:root{--outer-margin:80px;--gutter-width:30px;--max-width:1200px}}@media only screen and (min-width: 1920px)and (min-height: 1080px){:root{--outer-margin:100px;--gutter-width:60px;--max-width:1400px}}.container{margin-right:auto;margin-left:auto;width:100%;padding-right:15px;padding-left:15px;max-width:500px}@media only screen and (min-width: 768px){.container{padding-right:40px;padding-left:40px;max-width:950px}}@media only screen and (min-width: 1024px){.container{padding-right:80px;padding-left:80px;max-width:1200px}}@media only screen and (min-width: 1920px)and (min-height: 1080px){.container{padding-right:100px;padding-left:100px;max-width:1400px}}.container-full{margin-right:auto;margin-left:auto;width:100%;max-width:1920px;padding-right:15px;padding-left:15px}@media only screen and (min-width: 768px){.container-full{padding-right:40px;padding-left:40px}}@media only screen and (min-width: 1024px){.container-full{padding-right:80px;padding-left:80px}}@media only screen and (min-width: 1920px)and (min-height: 1080px){.container-full{padding-right:100px;padding-left:100px}}.grid{width:100%;display:grid}.column-gap{column-gap:10px}@media only screen and (min-width: 768px){.column-gap{column-gap:20px}}@media only screen and (min-width: 1024px){.column-gap{column-gap:30px}}@media only screen and (min-width: 1920px)and (min-height: 1080px){.column-gap{column-gap:60px}}.row-gap{row-gap:10px}@media only screen and (min-width: 768px){.row-gap{row-gap:20px}}@media only screen and (min-width: 1024px){.row-gap{row-gap:30px}}@media only screen and (min-width: 1920px)and (min-height: 1080px){.row-gap{row-gap:60px}}.grid-full{width:auto;margin-right:-15px;margin-left:-15px}@media only screen and (min-width: 768px){.grid-full{margin-right:-40px;margin-left:-40px}}@media only screen and (min-width: 1024px){.grid-full{margin-right:-80px;margin-left:-80px}}@media only screen and (min-width: 1920px)and (min-height: 1080px){.grid-full{margin-right:-100px;margin-left:-100px}}body{margin:0;font-family:"Source Sans Pro",Arial,Helvetica,sans-serif;font-weight:normal;color:#333;line-height:1.3}p{margin-top:.4em;margin-bottom:0}p:first-child{margin-top:0}code,pre{font-family:Menlo,Monace,"Courier New",Courier,monospace;font-size:.825rem;-moz-tab-size:4;-o-tab-size:4;tab-size:4;padding:.5em;display:inline-block;background-color:rgba(255,187,0,.2);border:1px solid rgba(255,187,0,.8)}h1,h2,h3{text-align:center}.container-display{position:fixed;width:100%;height:100%}.container-display .container{height:100%;background-color:rgba(255,187,0,.02);position:relative}.container-display .container:before,.container-display .container:after{content:"";display:block;width:1px;height:100%;position:absolute;top:0;background-color:rgba(240,88,0,.5)}.container-display .container:before{left:0}.container-display .container:after{right:0}.main{position:relative}.main .grid,.main .grid-full,.main .container-full{background-color:rgba(0,103,144,.4);position:relative;margin-bottom:10px}.main .grid:before,.main .grid:after,.main .grid-full:before,.main .grid-full:after,.main .container-full:before,.main .container-full:after{content:"";display:block;width:1px;height:100%;position:absolute;top:0;background-color:rgba(0,103,144,.9)}.main .grid:before,.main .grid-full:before,.main .container-full:before{left:0}.main .grid:after,.main .grid-full:after,.main .container-full:after{right:0}@media only screen and (min-width: 768px){.main .grid,.main .grid-full,.main .container-full{margin-bottom:20px}}@media only screen and (min-width: 1024px){.main .grid,.main .grid-full,.main .container-full{margin-bottom:30px}}@media only screen and (min-width: 1920px)and (min-height: 1080px){.main .grid,.main .grid-full,.main .container-full{margin-bottom:60px}}.main .grid-1-centered{grid-template-columns:1;justify-items:center}.main .grid-1-centered>*{width:100%;max-width:800px}.main .grid-1-1{grid-template-columns:1fr}@media only screen and (min-width: 768px){.main .grid-1-1{grid-template-columns:1fr 1fr}}.main .grid-1-1-1{grid-template-columns:1fr}@media only screen and (min-width: 768px){.main .grid-1-1-1{grid-template-columns:1fr 1fr 1fr}}.main .grid-1-2-1{grid-template-columns:1fr}@media only screen and (min-width: 768px){.main .grid-1-2-1{grid-template-columns:1fr 1fr 1fr 1fr}.main .grid-1-2-1>:nth-child(3n+2){grid-column:span 2}}.main .grid-1-1-1-1{grid-template-columns:1fr}@media only screen and (min-width: 768px){.main .grid-1-1-1-1{grid-template-columns:1fr 1fr}}@media only screen and (min-width: 1024px){.main .grid-1-1-1-1{grid-template-columns:1fr 1fr 1fr 1fr}}.main .grid-1-auto-1{grid-template-columns:1fr}@media only screen and (min-width: 768px){.main .grid-1-auto-1{grid-template-columns:280px auto 280px}}@media only screen and (min-width: 1024px){.main .grid-1-auto-1{grid-template-columns:320px auto 320px}}.main .col-3{grid-column:span 3}.main .col{padding:10px;min-height:60px;background-color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9)}@media only screen and (min-width: 768px){.main .col{padding:20px}}@media only screen and (min-width: 1024px){.main .col{padding:30px}}@media only screen and (min-width: 1920px)and (min-height: 1080px){.main .col{padding:60px}}@media only screen and (min-width: 768px){.main .col.include-at{background:beige}}@media only screen and (min-width: 1000px){.main .col.include-at{background:#87cefa}}@media only screen and (min-width: 1920px)and (min-height: 1080px){.main .col.include-at{background:#ffdab9}}@media only screen and (max-width: 999px){.main .col.include-until{background:beige}}@media only screen and (max-width: 767px){.main .col.include-until{background:#90ee90}}.main .auto-height{align-self:start}.main .inset{height:100%;background-color:rgba(255,255,255,.6);padding:5px}@media only screen and (min-width: 768px){.main .inset{padding:10px}}@media only screen and (min-width: 1024px){.main .inset{padding:15px}}@media only screen and (min-width: 1920px)and (min-height: 1080px){.main .inset{padding:30px}}.main .margin-top{margin-top:15px}@media only screen and (min-width: 768px){.main .margin-top{margin-top:40px}}@media only screen and (min-width: 1024px){.main .margin-top{margin-top:80px}}@media only screen and (min-width: 1920px)and (min-height: 1080px){.main .margin-top{margin-top:100px}}.main .fixed-height{height:160px}