body,article,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,menu,figure,figcaption { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } body { margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; background-color:#fff; } body,td,th { font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#777; } img { border:none; float:left; } a { color:#666; outline:none; } a:link { text-decoration:none; } a:visited { text-decoration:none; } a:hover { text-decoration:none; color:#333; } a:active { text-decoration:none; } a:focus { -moz-outline-style:none; } li { list-style:none; } object:focus { -moz-outline-style:none; } input { font-family:Helvetica, Arial, sans-serif; font-weight:normal; margin:0; padding:0; border:none; font-size:11px; color:#666; background:#fff; } input:hover { color:#333; } input:focus { outline:0 none; } textarea { font-family:"Helvetica Neue",Helvetica, Arial, sans-serif; font-weight:normal; margin:0; padding:3px 5px 3px 5px; border:none; font-size:11px; color:#777; } textarea:hover { color:#666; } textarea:focus { -moz-outline-style:none; outline:0 none; } button { background:none repeat scroll 0 0; border:medium none; color:#666; font-family:"Helvetica Neue",Helvetica, Arial, sans-serif; padding:0; margin:0; cursor:pointer; } button:focus { outline:0 none; } button:hover { color:#333; } :focus { -moz-outline-style:none; outline:none; } select:focus { outline:none; } input[type="button"],input[type="submit"],input[type="reset"] { cursor:pointer; } template { display:none; } html { font-size: 65%; } body { font-size: 12px; font-size: 1.2rem; line-height: auto; } .grid { margin:0; padding-top:0; padding-bottom:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .grid img { width:100%; } .grid .row { margin-left:-1rem; margin-right:-1rem; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid .row.align-left { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .grid .row.align-right { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } .grid .row.align-center { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .grid .row.align-top { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .grid .row.align-bottom { -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch; } .grid .row.align-middle { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .grid .row.justify { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .grid .row [class^=col-] { -webkit-box-flex: 1; -webkit-flex: 1 ; -moz-box-flex: 1; -moz-flex: 1 ; -ms-flex: 1 ; flex: 1 ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; } .grid .row .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -moz-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .grid .row .col-1.offset-1 { margin-left: 25%; } .grid .row .col-1.offset-2 { margin-left: 50%; } .grid .row .col-1.offset-3 { margin-left: 75%; } .grid .row .col-1.offset-4 { margin-left: 0; } .grid .row .col-1.offset-5 { margin-left: 0; } .grid .row .col-1.offset-6 { margin-left: 0; } .grid .row .col-1.offset-7 { margin-left: 0; } .grid .row .col-1.offset-8 { margin-left: 0; } .grid .row .col-1.offset-9 { margin-left: 0; } .grid .row .col-1.offset-10 { margin-left: 0; } .grid .row .col-1.offset-11 { margin-left: 0; } .grid .row .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .grid .row .col-2.offset-1 { margin-left: 25%; } .grid .row .col-2.offset-2 { margin-left: 50%; } .grid .row .col-2.offset-3 { margin-left: 0; } .grid .row .col-2.offset-4 { margin-left: 0; } .grid .row .col-2.offset-5 { margin-left: 0; } .grid .row .col-2.offset-6 { margin-left: 0; } .grid .row .col-2.offset-7 { margin-left: 0; } .grid .row .col-2.offset-8 { margin-left: 0; } .grid .row .col-2.offset-9 { margin-left: 0; } .grid .row .col-2.offset-10 { margin-left: 0; } .grid .row .col-2.offset-11 { margin-left: 0; } .grid .row .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -moz-box-flex: 0; -moz-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .grid .row .col-3.offset-1 { margin-left: 25%; } .grid .row .col-3.offset-2 { margin-left: 0; } .grid .row .col-3.offset-3 { margin-left: 0; } .grid .row .col-3.offset-4 { margin-left: 0; } .grid .row .col-3.offset-5 { margin-left: 0; } .grid .row .col-3.offset-6 { margin-left: 0; } .grid .row .col-3.offset-7 { margin-left: 0; } .grid .row .col-3.offset-8 { margin-left: 0; } .grid .row .col-3.offset-9 { margin-left: 0; } .grid .row .col-3.offset-10 { margin-left: 0; } .grid .row .col-3.offset-11 { margin-left: 0; } .grid .row .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .grid .row .col-4.offset-1 { margin-left: 0; } .grid .row .col-4.offset-2 { margin-left: 0; } .grid .row .col-4.offset-3 { margin-left: 0; } .grid .row .col-4.offset-4 { margin-left: 0; } .grid .row .col-4.offset-5 { margin-left: 0; } .grid .row .col-4.offset-6 { margin-left: 0; } .grid .row .col-4.offset-7 { margin-left: 0; } .grid .row .col-4.offset-8 { margin-left: 0; } .grid .row .col-4.offset-9 { margin-left: 0; } .grid .row .col-4.offset-10 { margin-left: 0; } .grid .row .col-4.offset-11 { margin-left: 0; } .grid .row .col-5 { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .grid .row .col-5.offset-1 { margin-left: 0; } .grid .row .col-5.offset-2 { margin-left: 0; } .grid .row .col-5.offset-3 { margin-left: 0; } .grid .row .col-5.offset-4 { margin-left: 0; } .grid .row .col-5.offset-5 { margin-left: 0; } .grid .row .col-5.offset-6 { margin-left: 0; } .grid .row .col-5.offset-7 { margin-left: 0; } .grid .row .col-5.offset-8 { margin-left: 0; } .grid .row .col-5.offset-9 { margin-left: 0; } .grid .row .col-5.offset-10 { margin-left: 0; } .grid .row .col-5.offset-11 { margin-left: 0; } .grid .row .col-6 { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .grid .row .col-6.offset-1 { margin-left: 0; } .grid .row .col-6.offset-2 { margin-left: 0; } .grid .row .col-6.offset-3 { margin-left: 0; } .grid .row .col-6.offset-4 { margin-left: 0; } .grid .row .col-6.offset-5 { margin-left: 0; } .grid .row .col-6.offset-6 { margin-left: 0; } .grid .row .col-6.offset-7 { margin-left: 0; } .grid .row .col-6.offset-8 { margin-left: 0; } .grid .row .col-6.offset-9 { margin-left: 0; } .grid .row .col-6.offset-10 { margin-left: 0; } .grid .row .col-6.offset-11 { margin-left: 0; } .grid .row .col-7 { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .grid .row .col-7.offset-1 { margin-left: 0; } .grid .row .col-7.offset-2 { margin-left: 0; } .grid .row .col-7.offset-3 { margin-left: 0; } .grid .row .col-7.offset-4 { margin-left: 0; } .grid .row .col-7.offset-5 { margin-left: 0; } .grid .row .col-7.offset-6 { margin-left: 0; } .grid .row .col-7.offset-7 { margin-left: 0; } .grid .row .col-7.offset-8 { margin-left: 0; } .grid .row .col-7.offset-9 { margin-left: 0; } .grid .row .col-7.offset-10 { margin-left: 0; } .grid .row .col-7.offset-11 { margin-left: 0; } .grid .row .col-8 { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .grid .row .col-8.offset-1 { margin-left: 0; } .grid .row .col-8.offset-2 { margin-left: 0; } .grid .row .col-8.offset-3 { margin-left: 0; } .grid .row .col-8.offset-4 { margin-left: 0; } .grid .row .col-8.offset-5 { margin-left: 0; } .grid .row .col-8.offset-6 { margin-left: 0; } .grid .row .col-8.offset-7 { margin-left: 0; } .grid .row .col-8.offset-8 { margin-left: 0; } .grid .row .col-8.offset-9 { margin-left: 0; } .grid .row .col-8.offset-10 { margin-left: 0; } .grid .row .col-8.offset-11 { margin-left: 0; } .grid .row .col-9 { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .grid .row .col-9.offset-1 { margin-left: 0; } .grid .row .col-9.offset-2 { margin-left: 0; } .grid .row .col-9.offset-3 { margin-left: 0; } .grid .row .col-9.offset-4 { margin-left: 0; } .grid .row .col-9.offset-5 { margin-left: 0; } .grid .row .col-9.offset-6 { margin-left: 0; } .grid .row .col-9.offset-7 { margin-left: 0; } .grid .row .col-9.offset-8 { margin-left: 0; } .grid .row .col-9.offset-9 { margin-left: 0; } .grid .row .col-9.offset-10 { margin-left: 0; } .grid .row .col-9.offset-11 { margin-left: 0; } .grid .row .col-10 { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .grid .row .col-10.offset-1 { margin-left: 0; } .grid .row .col-10.offset-2 { margin-left: 0; } .grid .row .col-10.offset-3 { margin-left: 0; } .grid .row .col-10.offset-4 { margin-left: 0; } .grid .row .col-10.offset-5 { margin-left: 0; } .grid .row .col-10.offset-6 { margin-left: 0; } .grid .row .col-10.offset-7 { margin-left: 0; } .grid .row .col-10.offset-8 { margin-left: 0; } .grid .row .col-10.offset-9 { margin-left: 0; } .grid .row .col-10.offset-10 { margin-left: 0; } .grid .row .col-10.offset-11 { margin-left: 0; } .grid .row .col-11 { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .grid .row .col-11.offset-1 { margin-left: 0; } .grid .row .col-11.offset-2 { margin-left: 0; } .grid .row .col-11.offset-3 { margin-left: 0; } .grid .row .col-11.offset-4 { margin-left: 0; } .grid .row .col-11.offset-5 { margin-left: 0; } .grid .row .col-11.offset-6 { margin-left: 0; } .grid .row .col-11.offset-7 { margin-left: 0; } .grid .row .col-11.offset-8 { margin-left: 0; } .grid .row .col-11.offset-9 { margin-left: 0; } .grid .row .col-11.offset-10 { margin-left: 0; } .grid .row .col-11.offset-11 { margin-left: 0; } .grid .row .col-12 { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .grid .row .col-12.offset-1 { margin-left: 0; } .grid .row .col-12.offset-2 { margin-left: 0; } .grid .row .col-12.offset-3 { margin-left: 0; } .grid .row .col-12.offset-4 { margin-left: 0; } .grid .row .col-12.offset-5 { margin-left: 0; } .grid .row .col-12.offset-6 { margin-left: 0; } .grid .row .col-12.offset-7 { margin-left: 0; } .grid .row .col-12.offset-8 { margin-left: 0; } .grid .row .col-12.offset-9 { margin-left: 0; } .grid .row .col-12.offset-10 { margin-left: 0; } .grid .row .col-12.offset-11 { margin-left: 0; } #frame { display:none; } #frame .top-border,#frame .bottom-border,#frame .left-border,#frame .right-border { position:fixed; z-index:10000; background-color:white; } #frame .top-border { height:2rem; width:100%; top:0; } #frame .bottom-border { height:2rem; width:100%; bottom:0; } #frame .left-border { width:2rem; height:100%; left:0; } #frame .right-border { width:2rem; height:100%; right:0; } #frame.dark-theme .top-border,#frame.dark-theme .bottom-border,#frame.dark-theme .left-border,#frame.dark-theme .right-border { background-color:black; } #frame-content { margin:0; } #header { margin-bottom:6rem; } #header h1 { margin-bottom:2rem; } #app-nav { float: none; margin-top:4rem; } #app-nav li { float:none; margin-bottom:1rem; } #gallery figure { margin-bottom:4rem; } #gallery figure img { float:none; display:block; border:1px solid #eee; } #gallery figure figcaption { display:block; margin-top:1rem; float:none; } #project figure { margin-bottom:2rem; } #project figure img { float:none; display:block; border:1px solid #eee; } #project figure figcaption.right-caption { text-align:right; } #project figure figcaption.right-caption span { float:right; } #project figure figcaption.right-caption p { clear:both; } #footer { border-top: 1px solid #eee; margin:6rem 0; padding-top:8rem; } #footer h2 { margin:1rem 0; } @font-face { font-family: 'Avenir-Next-Bold'; src: url('/public/Fonts/12brib23/Bold/12brib23.eot'); src: url('/public/Fonts/12brib23/Bold/12brib23.eot?#iefix') format('embedded-opentype'), url('/public/Fonts/12brib23/Bold/12brib23.woff') format('woff'), url('/public/Fonts/12brib23/Bold/12brib23.ttf') format('truetype'), url('/public/Fonts/12brib23/Bold/12brib23.svg#Avenir-Next-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir-Next-Regular'; src: url('/public/Fonts/12brib23/Regular/12brib23.eot'); src: url('/public/Fonts/12brib23/Regular/12brib23.eot?#iefix') format('embedded-opentype'), url('/public/Fonts/12brib23/Regular/12brib23.woff') format('woff'), url('/public/Fonts/12brib23/Regular/12brib23.ttf') format('truetype'), url('/public/Fonts/12brib23/Regular/12brib23.svg#Avenir-Next-Regular') format('svg'); font-weight: normal; font-style: normal; } body { font-family: 'Avenir-Next-Regular', serif; font-size: 1.4rem; line-height: 1.6rem; } h1,h2,h3,a { color: black; font-size:1.4rem; line-height: 1.6rem; } h1 em,h1 span,h2 em,h2 span,h3 em,h3 span,a em,a span { color: #666; } .btn { padding: 0 2rem; } .btn-with-border { border: 2px solid black; padding: 0.6rem 1.4rem; } #header h1 { font-family: "Avenir-Next-Bold", "Helvetica Neue", "Helvetica", sans-serif; text-transform: uppercase; } #header p { margin-bottom:1rem; } #header p em { color:black; } #app-nav { text-transform: uppercase; font-family: "Avenir-Next-Bold", "Helvetica Neue", "Helvetica", sans-serif; } ul.list-with-border li { padding-top: 1rem; margin-top:1rem; border-top:1px solid #eee; } #gallery figure figcaption h1 { color:black; } #gallery figure figcaption h2 { color:#666; } #footer h1 { color:#ccc; } .icon-top-arrow,.icon-bottom-arrow,.icon-left-arrow,.icon-right-arrow { width: 2rem; height:2rem; display:block; float:none; margin-bottom:1rem; margin-top:2rem; background-repeat:no-repeat; } .icon-top-arrow { background-image:url('/vectors/point-up.svg'); } .icon-left-arrow { background-image:url('/vectors/point-left.svg'); } .icon-right-arrow { background-image:url('/vectors/point-right.svg'); } .icon-bottom-arrow { background-image:url('/vectors/point-bottom.svg'); } @media (min-width: 600px) { .grid .row .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666666666667%; -moz-box-flex: 0; -moz-flex: 0 0 16.666666666667%; -ms-flex: 0 0 16.666666666667%; flex: 0 0 16.666666666667%; } .grid .row .col-1.offset-1 { margin-left: 16.666666666667%; } .grid .row .col-1.offset-2 { margin-left: 33.333333333333%; } .grid .row .col-1.offset-3 { margin-left: 50%; } .grid .row .col-1.offset-4 { margin-left: 66.666666666667%; } .grid .row .col-1.offset-5 { margin-left: 83.333333333333%; } .grid .row .col-1.offset-6 { margin-left: 0; } .grid .row .col-1.offset-7 { margin-left: 0; } .grid .row .col-1.offset-8 { margin-left: 0; } .grid .row .col-1.offset-9 { margin-left: 0; } .grid .row .col-1.offset-10 { margin-left: 0; } .grid .row .col-1.offset-11 { margin-left: 0; } .grid .row .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333333333%; -moz-box-flex: 0; -moz-flex: 0 0 33.333333333333%; -ms-flex: 0 0 33.333333333333%; flex: 0 0 33.333333333333%; } .grid .row .col-2.offset-1 { margin-left: 16.666666666667%; } .grid .row .col-2.offset-2 { margin-left: 33.333333333333%; } .grid .row .col-2.offset-3 { margin-left: 50%; } .grid .row .col-2.offset-4 { margin-left: 66.666666666667%; } .grid .row .col-2.offset-5 { margin-left: 0; } .grid .row .col-2.offset-6 { margin-left: 0; } .grid .row .col-2.offset-7 { margin-left: 0; } .grid .row .col-2.offset-8 { margin-left: 0; } .grid .row .col-2.offset-9 { margin-left: 0; } .grid .row .col-2.offset-10 { margin-left: 0; } .grid .row .col-2.offset-11 { margin-left: 0; } .grid .row .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .grid .row .col-3.offset-1 { margin-left: 16.666666666667%; } .grid .row .col-3.offset-2 { margin-left: 33.333333333333%; } .grid .row .col-3.offset-3 { margin-left: 50%; } .grid .row .col-3.offset-4 { margin-left: 0; } .grid .row .col-3.offset-5 { margin-left: 0; } .grid .row .col-3.offset-6 { margin-left: 0; } .grid .row .col-3.offset-7 { margin-left: 0; } .grid .row .col-3.offset-8 { margin-left: 0; } .grid .row .col-3.offset-9 { margin-left: 0; } .grid .row .col-3.offset-10 { margin-left: 0; } .grid .row .col-3.offset-11 { margin-left: 0; } .grid .row .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666666666667%; -moz-box-flex: 0; -moz-flex: 0 0 66.666666666667%; -ms-flex: 0 0 66.666666666667%; flex: 0 0 66.666666666667%; } .grid .row .col-4.offset-1 { margin-left: 16.666666666667%; } .grid .row .col-4.offset-2 { margin-left: 33.333333333333%; } .grid .row .col-4.offset-3 { margin-left: 0; } .grid .row .col-4.offset-4 { margin-left: 0; } .grid .row .col-4.offset-5 { margin-left: 0; } .grid .row .col-4.offset-6 { margin-left: 0; } .grid .row .col-4.offset-7 { margin-left: 0; } .grid .row .col-4.offset-8 { margin-left: 0; } .grid .row .col-4.offset-9 { margin-left: 0; } .grid .row .col-4.offset-10 { margin-left: 0; } .grid .row .col-4.offset-11 { margin-left: 0; } .grid .row .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333333333%; -moz-box-flex: 0; -moz-flex: 0 0 83.333333333333%; -ms-flex: 0 0 83.333333333333%; flex: 0 0 83.333333333333%; } .grid .row .col-5.offset-1 { margin-left: 16.666666666667%; } .grid .row .col-5.offset-2 { margin-left: 0; } .grid .row .col-5.offset-3 { margin-left: 0; } .grid .row .col-5.offset-4 { margin-left: 0; } .grid .row .col-5.offset-5 { margin-left: 0; } .grid .row .col-5.offset-6 { margin-left: 0; } .grid .row .col-5.offset-7 { margin-left: 0; } .grid .row .col-5.offset-8 { margin-left: 0; } .grid .row .col-5.offset-9 { margin-left: 0; } .grid .row .col-5.offset-10 { margin-left: 0; } .grid .row .col-5.offset-11 { margin-left: 0; } .grid .row .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .grid .row .col-6.offset-1 { margin-left: 0; } .grid .row .col-6.offset-2 { margin-left: 0; } .grid .row .col-6.offset-3 { margin-left: 0; } .grid .row .col-6.offset-4 { margin-left: 0; } .grid .row .col-6.offset-5 { margin-left: 0; } .grid .row .col-6.offset-6 { margin-left: 0; } .grid .row .col-6.offset-7 { margin-left: 0; } .grid .row .col-6.offset-8 { margin-left: 0; } .grid .row .col-6.offset-9 { margin-left: 0; } .grid .row .col-6.offset-10 { margin-left: 0; } .grid .row .col-6.offset-11 { margin-left: 0; } .grid .row .col-7 { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .grid .row .col-7.offset-1 { margin-left: 0; } .grid .row .col-7.offset-2 { margin-left: 0; } .grid .row .col-7.offset-3 { margin-left: 0; } .grid .row .col-7.offset-4 { margin-left: 0; } .grid .row .col-7.offset-5 { margin-left: 0; } .grid .row .col-7.offset-6 { margin-left: 0; } .grid .row .col-7.offset-7 { margin-left: 0; } .grid .row .col-7.offset-8 { margin-left: 0; } .grid .row .col-7.offset-9 { margin-left: 0; } .grid .row .col-7.offset-10 { margin-left: 0; } .grid .row .col-7.offset-11 { margin-left: 0; } .grid .row .col-8 { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .grid .row .col-8.offset-1 { margin-left: 0; } .grid .row .col-8.offset-2 { margin-left: 0; } .grid .row .col-8.offset-3 { margin-left: 0; } .grid .row .col-8.offset-4 { margin-left: 0; } .grid .row .col-8.offset-5 { margin-left: 0; } .grid .row .col-8.offset-6 { margin-left: 0; } .grid .row .col-8.offset-7 { margin-left: 0; } .grid .row .col-8.offset-8 { margin-left: 0; } .grid .row .col-8.offset-9 { margin-left: 0; } .grid .row .col-8.offset-10 { margin-left: 0; } .grid .row .col-8.offset-11 { margin-left: 0; } .grid .row .col-9 { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .grid .row .col-9.offset-1 { margin-left: 0; } .grid .row .col-9.offset-2 { margin-left: 0; } .grid .row .col-9.offset-3 { margin-left: 0; } .grid .row .col-9.offset-4 { margin-left: 0; } .grid .row .col-9.offset-5 { margin-left: 0; } .grid .row .col-9.offset-6 { margin-left: 0; } .grid .row .col-9.offset-7 { margin-left: 0; } .grid .row .col-9.offset-8 { margin-left: 0; } .grid .row .col-9.offset-9 { margin-left: 0; } .grid .row .col-9.offset-10 { margin-left: 0; } .grid .row .col-9.offset-11 { margin-left: 0; } .grid .row .col-10 { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .grid .row .col-10.offset-1 { margin-left: 0; } .grid .row .col-10.offset-2 { margin-left: 0; } .grid .row .col-10.offset-3 { margin-left: 0; } .grid .row .col-10.offset-4 { margin-left: 0; } .grid .row .col-10.offset-5 { margin-left: 0; } .grid .row .col-10.offset-6 { margin-left: 0; } .grid .row .col-10.offset-7 { margin-left: 0; } .grid .row .col-10.offset-8 { margin-left: 0; } .grid .row .col-10.offset-9 { margin-left: 0; } .grid .row .col-10.offset-10 { margin-left: 0; } .grid .row .col-10.offset-11 { margin-left: 0; } .grid .row .col-11 { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .grid .row .col-11.offset-1 { margin-left: 0; } .grid .row .col-11.offset-2 { margin-left: 0; } .grid .row .col-11.offset-3 { margin-left: 0; } .grid .row .col-11.offset-4 { margin-left: 0; } .grid .row .col-11.offset-5 { margin-left: 0; } .grid .row .col-11.offset-6 { margin-left: 0; } .grid .row .col-11.offset-7 { margin-left: 0; } .grid .row .col-11.offset-8 { margin-left: 0; } .grid .row .col-11.offset-9 { margin-left: 0; } .grid .row .col-11.offset-10 { margin-left: 0; } .grid .row .col-11.offset-11 { margin-left: 0; } .grid .row .col-12 { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .grid .row .col-12.offset-1 { margin-left: 0; } .grid .row .col-12.offset-2 { margin-left: 0; } .grid .row .col-12.offset-3 { margin-left: 0; } .grid .row .col-12.offset-4 { margin-left: 0; } .grid .row .col-12.offset-5 { margin-left: 0; } .grid .row .col-12.offset-6 { margin-left: 0; } .grid .row .col-12.offset-7 { margin-left: 0; } .grid .row .col-12.offset-8 { margin-left: 0; } .grid .row .col-12.offset-9 { margin-left: 0; } .grid .row .col-12.offset-10 { margin-left: 0; } .grid .row .col-12.offset-11 { margin-left: 0; } } @media (min-width: 840px) { .grid .row .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 12.5%; -moz-box-flex: 0; -moz-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; } .grid .row .col-1.offset-1 { margin-left: 12.5%; } .grid .row .col-1.offset-2 { margin-left: 25%; } .grid .row .col-1.offset-3 { margin-left: 37.5%; } .grid .row .col-1.offset-4 { margin-left: 50%; } .grid .row .col-1.offset-5 { margin-left: 62.5%; } .grid .row .col-1.offset-6 { margin-left: 75%; } .grid .row .col-1.offset-7 { margin-left: 87.5%; } .grid .row .col-1.offset-8 { margin-left: 0; } .grid .row .col-1.offset-9 { margin-left: 0; } .grid .row .col-1.offset-10 { margin-left: 0; } .grid .row .col-1.offset-11 { margin-left: 0; } .grid .row .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -moz-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .grid .row .col-2.offset-1 { margin-left: 12.5%; } .grid .row .col-2.offset-2 { margin-left: 25%; } .grid .row .col-2.offset-3 { margin-left: 37.5%; } .grid .row .col-2.offset-4 { margin-left: 50%; } .grid .row .col-2.offset-5 { margin-left: 62.5%; } .grid .row .col-2.offset-6 { margin-left: 75%; } .grid .row .col-2.offset-7 { margin-left: 0; } .grid .row .col-2.offset-8 { margin-left: 0; } .grid .row .col-2.offset-9 { margin-left: 0; } .grid .row .col-2.offset-10 { margin-left: 0; } .grid .row .col-2.offset-11 { margin-left: 0; } .grid .row .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 37.5%; -moz-box-flex: 0; -moz-flex: 0 0 37.5%; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; } .grid .row .col-3.offset-1 { margin-left: 12.5%; } .grid .row .col-3.offset-2 { margin-left: 25%; } .grid .row .col-3.offset-3 { margin-left: 37.5%; } .grid .row .col-3.offset-4 { margin-left: 50%; } .grid .row .col-3.offset-5 { margin-left: 62.5%; } .grid .row .col-3.offset-6 { margin-left: 0; } .grid .row .col-3.offset-7 { margin-left: 0; } .grid .row .col-3.offset-8 { margin-left: 0; } .grid .row .col-3.offset-9 { margin-left: 0; } .grid .row .col-3.offset-10 { margin-left: 0; } .grid .row .col-3.offset-11 { margin-left: 0; } .grid .row .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .grid .row .col-4.offset-1 { margin-left: 12.5%; } .grid .row .col-4.offset-2 { margin-left: 25%; } .grid .row .col-4.offset-3 { margin-left: 37.5%; } .grid .row .col-4.offset-4 { margin-left: 50%; } .grid .row .col-4.offset-5 { margin-left: 0; } .grid .row .col-4.offset-6 { margin-left: 0; } .grid .row .col-4.offset-7 { margin-left: 0; } .grid .row .col-4.offset-8 { margin-left: 0; } .grid .row .col-4.offset-9 { margin-left: 0; } .grid .row .col-4.offset-10 { margin-left: 0; } .grid .row .col-4.offset-11 { margin-left: 0; } .grid .row .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 62.5%; -moz-box-flex: 0; -moz-flex: 0 0 62.5%; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; } .grid .row .col-5.offset-1 { margin-left: 12.5%; } .grid .row .col-5.offset-2 { margin-left: 25%; } .grid .row .col-5.offset-3 { margin-left: 37.5%; } .grid .row .col-5.offset-4 { margin-left: 0; } .grid .row .col-5.offset-5 { margin-left: 0; } .grid .row .col-5.offset-6 { margin-left: 0; } .grid .row .col-5.offset-7 { margin-left: 0; } .grid .row .col-5.offset-8 { margin-left: 0; } .grid .row .col-5.offset-9 { margin-left: 0; } .grid .row .col-5.offset-10 { margin-left: 0; } .grid .row .col-5.offset-11 { margin-left: 0; } .grid .row .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -moz-box-flex: 0; -moz-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .grid .row .col-6.offset-1 { margin-left: 12.5%; } .grid .row .col-6.offset-2 { margin-left: 25%; } .grid .row .col-6.offset-3 { margin-left: 0; } .grid .row .col-6.offset-4 { margin-left: 0; } .grid .row .col-6.offset-5 { margin-left: 0; } .grid .row .col-6.offset-6 { margin-left: 0; } .grid .row .col-6.offset-7 { margin-left: 0; } .grid .row .col-6.offset-8 { margin-left: 0; } .grid .row .col-6.offset-9 { margin-left: 0; } .grid .row .col-6.offset-10 { margin-left: 0; } .grid .row .col-6.offset-11 { margin-left: 0; } .grid .row .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 87.5%; -moz-box-flex: 0; -moz-flex: 0 0 87.5%; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; } .grid .row .col-7.offset-1 { margin-left: 12.5%; } .grid .row .col-7.offset-2 { margin-left: 0; } .grid .row .col-7.offset-3 { margin-left: 0; } .grid .row .col-7.offset-4 { margin-left: 0; } .grid .row .col-7.offset-5 { margin-left: 0; } .grid .row .col-7.offset-6 { margin-left: 0; } .grid .row .col-7.offset-7 { margin-left: 0; } .grid .row .col-7.offset-8 { margin-left: 0; } .grid .row .col-7.offset-9 { margin-left: 0; } .grid .row .col-7.offset-10 { margin-left: 0; } .grid .row .col-7.offset-11 { margin-left: 0; } .grid .row .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .grid .row .col-8.offset-1 { margin-left: 0; } .grid .row .col-8.offset-2 { margin-left: 0; } .grid .row .col-8.offset-3 { margin-left: 0; } .grid .row .col-8.offset-4 { margin-left: 0; } .grid .row .col-8.offset-5 { margin-left: 0; } .grid .row .col-8.offset-6 { margin-left: 0; } .grid .row .col-8.offset-7 { margin-left: 0; } .grid .row .col-8.offset-8 { margin-left: 0; } .grid .row .col-8.offset-9 { margin-left: 0; } .grid .row .col-8.offset-10 { margin-left: 0; } .grid .row .col-8.offset-11 { margin-left: 0; } .grid .row .col-9 { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .grid .row .col-9.offset-1 { margin-left: 0; } .grid .row .col-9.offset-2 { margin-left: 0; } .grid .row .col-9.offset-3 { margin-left: 0; } .grid .row .col-9.offset-4 { margin-left: 0; } .grid .row .col-9.offset-5 { margin-left: 0; } .grid .row .col-9.offset-6 { margin-left: 0; } .grid .row .col-9.offset-7 { margin-left: 0; } .grid .row .col-9.offset-8 { margin-left: 0; } .grid .row .col-9.offset-9 { margin-left: 0; } .grid .row .col-9.offset-10 { margin-left: 0; } .grid .row .col-9.offset-11 { margin-left: 0; } .grid .row .col-10 { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .grid .row .col-10.offset-1 { margin-left: 0; } .grid .row .col-10.offset-2 { margin-left: 0; } .grid .row .col-10.offset-3 { margin-left: 0; } .grid .row .col-10.offset-4 { margin-left: 0; } .grid .row .col-10.offset-5 { margin-left: 0; } .grid .row .col-10.offset-6 { margin-left: 0; } .grid .row .col-10.offset-7 { margin-left: 0; } .grid .row .col-10.offset-8 { margin-left: 0; } .grid .row .col-10.offset-9 { margin-left: 0; } .grid .row .col-10.offset-10 { margin-left: 0; } .grid .row .col-10.offset-11 { margin-left: 0; } .grid .row .col-11 { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .grid .row .col-11.offset-1 { margin-left: 0; } .grid .row .col-11.offset-2 { margin-left: 0; } .grid .row .col-11.offset-3 { margin-left: 0; } .grid .row .col-11.offset-4 { margin-left: 0; } .grid .row .col-11.offset-5 { margin-left: 0; } .grid .row .col-11.offset-6 { margin-left: 0; } .grid .row .col-11.offset-7 { margin-left: 0; } .grid .row .col-11.offset-8 { margin-left: 0; } .grid .row .col-11.offset-9 { margin-left: 0; } .grid .row .col-11.offset-10 { margin-left: 0; } .grid .row .col-11.offset-11 { margin-left: 0; } .grid .row .col-12 { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .grid .row .col-12.offset-1 { margin-left: 0; } .grid .row .col-12.offset-2 { margin-left: 0; } .grid .row .col-12.offset-3 { margin-left: 0; } .grid .row .col-12.offset-4 { margin-left: 0; } .grid .row .col-12.offset-5 { margin-left: 0; } .grid .row .col-12.offset-6 { margin-left: 0; } .grid .row .col-12.offset-7 { margin-left: 0; } .grid .row .col-12.offset-8 { margin-left: 0; } .grid .row .col-12.offset-9 { margin-left: 0; } .grid .row .col-12.offset-10 { margin-left: 0; } .grid .row .col-12.offset-11 { margin-left: 0; } } @media (min-width: 960px) { .grid .row .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333333%; -moz-box-flex: 0; -moz-flex: 0 0 8.3333333333333%; -ms-flex: 0 0 8.3333333333333%; flex: 0 0 8.3333333333333%; } .grid .row .col-1.offset-0 { margin-left: 0%; } .grid .row .col-1.offset-1 { margin-left: 8.3333333333333%; } .grid .row .col-1.offset-2 { margin-left: 16.666666666667%; } .grid .row .col-1.offset-3 { margin-left: 25%; } .grid .row .col-1.offset-4 { margin-left: 33.333333333333%; } .grid .row .col-1.offset-5 { margin-left: 41.666666666667%; } .grid .row .col-1.offset-6 { margin-left: 50%; } .grid .row .col-1.offset-7 { margin-left: 58.333333333333%; } .grid .row .col-1.offset-8 { margin-left: 66.666666666667%; } .grid .row .col-1.offset-9 { margin-left: 75%; } .grid .row .col-1.offset-10 { margin-left: 83.333333333333%; } .grid .row .col-1.offset-11 { margin-left: 91.666666666667%; } .grid .row .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666666666667%; -moz-box-flex: 0; -moz-flex: 0 0 16.666666666667%; -ms-flex: 0 0 16.666666666667%; flex: 0 0 16.666666666667%; } .grid .row .col-2.offset-0 { margin-left: 0%; } .grid .row .col-2.offset-1 { margin-left: 8.3333333333333%; } .grid .row .col-2.offset-2 { margin-left: 16.666666666667%; } .grid .row .col-2.offset-3 { margin-left: 25%; } .grid .row .col-2.offset-4 { margin-left: 33.333333333333%; } .grid .row .col-2.offset-5 { margin-left: 41.666666666667%; } .grid .row .col-2.offset-6 { margin-left: 50%; } .grid .row .col-2.offset-7 { margin-left: 58.333333333333%; } .grid .row .col-2.offset-8 { margin-left: 66.666666666667%; } .grid .row .col-2.offset-9 { margin-left: 75%; } .grid .row .col-2.offset-10 { margin-left: 83.333333333333%; } .grid .row .col-2.offset-11 { margin-left: 91.666666666667%; } .grid .row .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -moz-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .grid .row .col-3.offset-0 { margin-left: 0%; } .grid .row .col-3.offset-1 { margin-left: 8.3333333333333%; } .grid .row .col-3.offset-2 { margin-left: 16.666666666667%; } .grid .row .col-3.offset-3 { margin-left: 25%; } .grid .row .col-3.offset-4 { margin-left: 33.333333333333%; } .grid .row .col-3.offset-5 { margin-left: 41.666666666667%; } .grid .row .col-3.offset-6 { margin-left: 50%; } .grid .row .col-3.offset-7 { margin-left: 58.333333333333%; } .grid .row .col-3.offset-8 { margin-left: 66.666666666667%; } .grid .row .col-3.offset-9 { margin-left: 75%; } .grid .row .col-3.offset-10 { margin-left: 83.333333333333%; } .grid .row .col-3.offset-11 { margin-left: 91.666666666667%; } .grid .row .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333333333%; -moz-box-flex: 0; -moz-flex: 0 0 33.333333333333%; -ms-flex: 0 0 33.333333333333%; flex: 0 0 33.333333333333%; } .grid .row .col-4.offset-0 { margin-left: 0%; } .grid .row .col-4.offset-1 { margin-left: 8.3333333333333%; } .grid .row .col-4.offset-2 { margin-left: 16.666666666667%; } .grid .row .col-4.offset-3 { margin-left: 25%; } .grid .row .col-4.offset-4 { margin-left: 33.333333333333%; } .grid .row .col-4.offset-5 { margin-left: 41.666666666667%; } .grid .row .col-4.offset-6 { margin-left: 50%; } .grid .row .col-4.offset-7 { margin-left: 58.333333333333%; } .grid .row .col-4.offset-8 { margin-left: 66.666666666667%; } .grid .row .col-4.offset-9 { margin-left: 75%; } .grid .row .col-4.offset-10 { margin-left: 83.333333333333%; } .grid .row .col-4.offset-11 { margin-left: 91.666666666667%; } .grid .row .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666666666667%; -moz-box-flex: 0; -moz-flex: 0 0 41.666666666667%; -ms-flex: 0 0 41.666666666667%; flex: 0 0 41.666666666667%; } .grid .row .col-5.offset-0 { margin-left: 0%; } .grid .row .col-5.offset-1 { margin-left: 8.3333333333333%; } .grid .row .col-5.offset-2 { margin-left: 16.666666666667%; } .grid .row .col-5.offset-3 { margin-left: 25%; } .grid .row .col-5.offset-4 { margin-left: 33.333333333333%; } .grid .row .col-5.offset-5 { margin-left: 41.666666666667%; } .grid .row .col-5.offset-6 { margin-left: 50%; } .grid .row .col-5.offset-7 { margin-left: 58.333333333333%; } .grid .row .col-5.offset-8 { margin-left: 66.666666666667%; } .grid .row .col-5.offset-9 { margin-left: 75%; } .grid .row .col-5.offset-10 { margin-left: 83.333333333333%; } .grid .row .col-5.offset-11 { margin-left: 91.666666666667%; } .grid .row .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .grid .row .col-6.offset-0 { margin-left: 0%; } .grid .row .col-6.offset-1 { margin-left: 8.3333333333333%; } .grid .row .col-6.offset-2 { margin-left: 16.666666666667%; } .grid .row .col-6.offset-3 { margin-left: 25%; } .grid .row .col-6.offset-4 { margin-left: 33.333333333333%; } .grid .row .col-6.offset-5 { margin-left: 41.666666666667%; } .grid .row .col-6.offset-6 { margin-left: 50%; } .grid .row .col-6.offset-7 { margin-left: 58.333333333333%; } .grid .row .col-6.offset-8 { margin-left: 66.666666666667%; } .grid .row .col-6.offset-9 { margin-left: 75%; } .grid .row .col-6.offset-10 { margin-left: 83.333333333333%; } .grid .row .col-6.offset-11 { margin-left: 91.666666666667%; } .grid .row .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333333333%; -moz-box-flex: 0; -moz-flex: 0 0 58.333333333333%; -ms-flex: 0 0 58.333333333333%; flex: 0 0 58.333333333333%; } .grid .row .col-7.offset-0 { margin-left: 0%; } .grid .row .col-7.offset-1 { margin-left: 8.3333333333333%; } .grid .row .col-7.offset-2 { margin-left: 16.666666666667%; } .grid .row .col-7.offset-3 { margin-left: 25%; } .grid .row .col-7.offset-4 { margin-left: 33.333333333333%; } .grid .row .col-7.offset-5 { margin-left: 41.666666666667%; } .grid .row .col-7.offset-6 { margin-left: 50%; } .grid .row .col-7.offset-7 { margin-left: 58.333333333333%; } .grid .row .col-7.offset-8 { margin-left: 66.666666666667%; } .grid .row .col-7.offset-9 { margin-left: 75%; } .grid .row .col-7.offset-10 { margin-left: 83.333333333333%; } .grid .row .col-7.offset-11 { margin-left: 91.666666666667%; } .grid .row .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666666666667%; -moz-box-flex: 0; -moz-flex: 0 0 66.666666666667%; -ms-flex: 0 0 66.666666666667%; flex: 0 0 66.666666666667%; } .grid .row .col-8.offset-0 { margin-left: 0%; } .grid .row .col-8.offset-1 { margin-left: 8.3333333333333%; } .grid .row .col-8.offset-2 { margin-left: 16.666666666667%; } .grid .row .col-8.offset-3 { margin-left: 25%; } .grid .row .col-8.offset-4 { margin-left: 33.333333333333%; } .grid .row .col-8.offset-5 { margin-left: 41.666666666667%; } .grid .row .col-8.offset-6 { margin-left: 50%; } .grid .row .col-8.offset-7 { margin-left: 58.333333333333%; } .grid .row .col-8.offset-8 { margin-left: 66.666666666667%; } .grid .row .col-8.offset-9 { margin-left: 75%; } .grid .row .col-8.offset-10 { margin-left: 83.333333333333%; } .grid .row .col-8.offset-11 { margin-left: 91.666666666667%; } .grid .row .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -moz-box-flex: 0; -moz-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .grid .row .col-9.offset-0 { margin-left: 0%; } .grid .row .col-9.offset-1 { margin-left: 8.3333333333333%; } .grid .row .col-9.offset-2 { margin-left: 16.666666666667%; } .grid .row .col-9.offset-3 { margin-left: 25%; } .grid .row .col-9.offset-4 { margin-left: 33.333333333333%; } .grid .row .col-9.offset-5 { margin-left: 41.666666666667%; } .grid .row .col-9.offset-6 { margin-left: 50%; } .grid .row .col-9.offset-7 { margin-left: 58.333333333333%; } .grid .row .col-9.offset-8 { margin-left: 66.666666666667%; } .grid .row .col-9.offset-9 { margin-left: 75%; } .grid .row .col-9.offset-10 { margin-left: 83.333333333333%; } .grid .row .col-9.offset-11 { margin-left: 91.666666666667%; } .grid .row .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333333333%; -moz-box-flex: 0; -moz-flex: 0 0 83.333333333333%; -ms-flex: 0 0 83.333333333333%; flex: 0 0 83.333333333333%; } .grid .row .col-10.offset-0 { margin-left: 0%; } .grid .row .col-10.offset-1 { margin-left: 8.3333333333333%; } .grid .row .col-10.offset-2 { margin-left: 16.666666666667%; } .grid .row .col-10.offset-3 { margin-left: 25%; } .grid .row .col-10.offset-4 { margin-left: 33.333333333333%; } .grid .row .col-10.offset-5 { margin-left: 41.666666666667%; } .grid .row .col-10.offset-6 { margin-left: 50%; } .grid .row .col-10.offset-7 { margin-left: 58.333333333333%; } .grid .row .col-10.offset-8 { margin-left: 66.666666666667%; } .grid .row .col-10.offset-9 { margin-left: 75%; } .grid .row .col-10.offset-10 { margin-left: 83.333333333333%; } .grid .row .col-10.offset-11 { margin-left: 91.666666666667%; } .grid .row .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666666666667%; -moz-box-flex: 0; -moz-flex: 0 0 91.666666666667%; -ms-flex: 0 0 91.666666666667%; flex: 0 0 91.666666666667%; } .grid .row .col-11.offset-0 { margin-left: 0%; } .grid .row .col-11.offset-1 { margin-left: 8.3333333333333%; } .grid .row .col-11.offset-2 { margin-left: 16.666666666667%; } .grid .row .col-11.offset-3 { margin-left: 25%; } .grid .row .col-11.offset-4 { margin-left: 33.333333333333%; } .grid .row .col-11.offset-5 { margin-left: 41.666666666667%; } .grid .row .col-11.offset-6 { margin-left: 50%; } .grid .row .col-11.offset-7 { margin-left: 58.333333333333%; } .grid .row .col-11.offset-8 { margin-left: 66.666666666667%; } .grid .row .col-11.offset-9 { margin-left: 75%; } .grid .row .col-11.offset-10 { margin-left: 83.333333333333%; } .grid .row .col-11.offset-11 { margin-left: 91.666666666667%; } .grid .row .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .grid .row .col-12.offset-0 { margin-left: 0%; } .grid .row .col-12.offset-1 { margin-left: 8.3333333333333%; } .grid .row .col-12.offset-2 { margin-left: 16.666666666667%; } .grid .row .col-12.offset-3 { margin-left: 25%; } .grid .row .col-12.offset-4 { margin-left: 33.333333333333%; } .grid .row .col-12.offset-5 { margin-left: 41.666666666667%; } .grid .row .col-12.offset-6 { margin-left: 50%; } .grid .row .col-12.offset-7 { margin-left: 58.333333333333%; } .grid .row .col-12.offset-8 { margin-left: 66.666666666667%; } .grid .row .col-12.offset-9 { margin-left: 75%; } .grid .row .col-12.offset-10 { margin-left: 83.333333333333%; } .grid .row .col-12.offset-11 { margin-left: 91.666666666667%; } } @media (max-width: 599px) { .grid .row .col-s-0 { display:none; } .grid .row .col-s-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -moz-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .grid .row .col-s-1.offset-s-0 { margin-left: 0%; } .grid .row .col-s-1.offset-s-1 { margin-left: 25%; } .grid .row .col-s-1.offset-s-2 { margin-left: 50%; } .grid .row .col-s-1.offset-s-3 { margin-left: 75%; } .grid .row .col-s-1.offset-s-4 { margin-left: 0; } .grid .row .col-s-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .grid .row .col-s-2.offset-s-0 { margin-left: 0%; } .grid .row .col-s-2.offset-s-1 { margin-left: 25%; } .grid .row .col-s-2.offset-s-2 { margin-left: 50%; } .grid .row .col-s-2.offset-s-3 { margin-left: 0; } .grid .row .col-s-2.offset-s-4 { margin-left: 0; } .grid .row .col-s-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -moz-box-flex: 0; -moz-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .grid .row .col-s-3.offset-s-0 { margin-left: 0%; } .grid .row .col-s-3.offset-s-1 { margin-left: 25%; } .grid .row .col-s-3.offset-s-2 { margin-left: 0; } .grid .row .col-s-3.offset-s-3 { margin-left: 0; } .grid .row .col-s-3.offset-s-4 { margin-left: 0; } .grid .row .col-s-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .grid .row .col-s-4.offset-s-0 { margin-left: 0%; } .grid .row .col-s-4.offset-s-1 { margin-left: 0; } .grid .row .col-s-4.offset-s-2 { margin-left: 0; } .grid .row .col-s-4.offset-s-3 { margin-left: 0; } .grid .row .col-s-4.offset-s-4 { margin-left: 0; } } @media (max-width: 839px) { .grid .row .col-m-0 { display:none; } .grid .row .col-m-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666666666667%; -moz-box-flex: 0; -moz-flex: 0 0 16.666666666667%; -ms-flex: 0 0 16.666666666667%; flex: 0 0 16.666666666667%; } .grid .row .col-m-1.offset-s-0 { margin-left: 0%; } .grid .row .col-m-1.offset-s-1 { margin-left: 16.666666666667%; } .grid .row .col-m-1.offset-s-2 { margin-left: 33.333333333333%; } .grid .row .col-m-1.offset-s-3 { margin-left: 50%; } .grid .row .col-m-1.offset-s-4 { margin-left: 66.666666666667%; } .grid .row .col-m-1.offset-s-5 { margin-left: 83.333333333333%; } .grid .row .col-m-1.offset-s-6 { margin-left: 0; } .grid .row .col-m-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333333333%; -moz-box-flex: 0; -moz-flex: 0 0 33.333333333333%; -ms-flex: 0 0 33.333333333333%; flex: 0 0 33.333333333333%; } .grid .row .col-m-2.offset-s-0 { margin-left: 0%; } .grid .row .col-m-2.offset-s-1 { margin-left: 16.666666666667%; } .grid .row .col-m-2.offset-s-2 { margin-left: 33.333333333333%; } .grid .row .col-m-2.offset-s-3 { margin-left: 50%; } .grid .row .col-m-2.offset-s-4 { margin-left: 66.666666666667%; } .grid .row .col-m-2.offset-s-5 { margin-left: 0; } .grid .row .col-m-2.offset-s-6 { margin-left: 0; } .grid .row .col-m-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .grid .row .col-m-3.offset-s-0 { margin-left: 0%; } .grid .row .col-m-3.offset-s-1 { margin-left: 16.666666666667%; } .grid .row .col-m-3.offset-s-2 { margin-left: 33.333333333333%; } .grid .row .col-m-3.offset-s-3 { margin-left: 50%; } .grid .row .col-m-3.offset-s-4 { margin-left: 0; } .grid .row .col-m-3.offset-s-5 { margin-left: 0; } .grid .row .col-m-3.offset-s-6 { margin-left: 0; } .grid .row .col-m-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666666666667%; -moz-box-flex: 0; -moz-flex: 0 0 66.666666666667%; -ms-flex: 0 0 66.666666666667%; flex: 0 0 66.666666666667%; } .grid .row .col-m-4.offset-s-0 { margin-left: 0%; } .grid .row .col-m-4.offset-s-1 { margin-left: 16.666666666667%; } .grid .row .col-m-4.offset-s-2 { margin-left: 33.333333333333%; } .grid .row .col-m-4.offset-s-3 { margin-left: 0; } .grid .row .col-m-4.offset-s-4 { margin-left: 0; } .grid .row .col-m-4.offset-s-5 { margin-left: 0; } .grid .row .col-m-4.offset-s-6 { margin-left: 0; } .grid .row .col-m-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333333333%; -moz-box-flex: 0; -moz-flex: 0 0 83.333333333333%; -ms-flex: 0 0 83.333333333333%; flex: 0 0 83.333333333333%; } .grid .row .col-m-5.offset-s-0 { margin-left: 0%; } .grid .row .col-m-5.offset-s-1 { margin-left: 16.666666666667%; } .grid .row .col-m-5.offset-s-2 { margin-left: 0; } .grid .row .col-m-5.offset-s-3 { margin-left: 0; } .grid .row .col-m-5.offset-s-4 { margin-left: 0; } .grid .row .col-m-5.offset-s-5 { margin-left: 0; } .grid .row .col-m-5.offset-s-6 { margin-left: 0; } .grid .row .col-m-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .grid .row .col-m-6.offset-s-0 { margin-left: 0%; } .grid .row .col-m-6.offset-s-1 { margin-left: 0; } .grid .row .col-m-6.offset-s-2 { margin-left: 0; } .grid .row .col-m-6.offset-s-3 { margin-left: 0; } .grid .row .col-m-6.offset-s-4 { margin-left: 0; } .grid .row .col-m-6.offset-s-5 { margin-left: 0; } .grid .row .col-m-6.offset-s-6 { margin-left: 0; } } @media (max-width: 959px) { .grid .row .col-m-0 { display:none; } .grid .row .col-l-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 12.5%; -moz-box-flex: 0; -moz-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; } .grid .row .col-l-1.offset-s-0 { margin-left: 0%; } .grid .row .col-l-1.offset-s-1 { margin-left: 12.5%; } .grid .row .col-l-1.offset-s-2 { margin-left: 25%; } .grid .row .col-l-1.offset-s-3 { margin-left: 37.5%; } .grid .row .col-l-1.offset-s-4 { margin-left: 50%; } .grid .row .col-l-1.offset-s-5 { margin-left: 62.5%; } .grid .row .col-l-1.offset-s-6 { margin-left: 75%; } .grid .row .col-l-1.offset-s-7 { margin-left: 87.5%; } .grid .row .col-l-1.offset-s-8 { margin-left: 0; } .grid .row .col-l-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -moz-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .grid .row .col-l-2.offset-s-0 { margin-left: 0%; } .grid .row .col-l-2.offset-s-1 { margin-left: 12.5%; } .grid .row .col-l-2.offset-s-2 { margin-left: 25%; } .grid .row .col-l-2.offset-s-3 { margin-left: 37.5%; } .grid .row .col-l-2.offset-s-4 { margin-left: 50%; } .grid .row .col-l-2.offset-s-5 { margin-left: 62.5%; } .grid .row .col-l-2.offset-s-6 { margin-left: 75%; } .grid .row .col-l-2.offset-s-7 { margin-left: 0; } .grid .row .col-l-2.offset-s-8 { margin-left: 0; } .grid .row .col-l-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 37.5%; -moz-box-flex: 0; -moz-flex: 0 0 37.5%; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; } .grid .row .col-l-3.offset-s-0 { margin-left: 0%; } .grid .row .col-l-3.offset-s-1 { margin-left: 12.5%; } .grid .row .col-l-3.offset-s-2 { margin-left: 25%; } .grid .row .col-l-3.offset-s-3 { margin-left: 37.5%; } .grid .row .col-l-3.offset-s-4 { margin-left: 50%; } .grid .row .col-l-3.offset-s-5 { margin-left: 62.5%; } .grid .row .col-l-3.offset-s-6 { margin-left: 0; } .grid .row .col-l-3.offset-s-7 { margin-left: 0; } .grid .row .col-l-3.offset-s-8 { margin-left: 0; } .grid .row .col-l-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .grid .row .col-l-4.offset-s-0 { margin-left: 0%; } .grid .row .col-l-4.offset-s-1 { margin-left: 12.5%; } .grid .row .col-l-4.offset-s-2 { margin-left: 25%; } .grid .row .col-l-4.offset-s-3 { margin-left: 37.5%; } .grid .row .col-l-4.offset-s-4 { margin-left: 50%; } .grid .row .col-l-4.offset-s-5 { margin-left: 0; } .grid .row .col-l-4.offset-s-6 { margin-left: 0; } .grid .row .col-l-4.offset-s-7 { margin-left: 0; } .grid .row .col-l-4.offset-s-8 { margin-left: 0; } .grid .row .col-l-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 62.5%; -moz-box-flex: 0; -moz-flex: 0 0 62.5%; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; } .grid .row .col-l-5.offset-s-0 { margin-left: 0%; } .grid .row .col-l-5.offset-s-1 { margin-left: 12.5%; } .grid .row .col-l-5.offset-s-2 { margin-left: 25%; } .grid .row .col-l-5.offset-s-3 { margin-left: 37.5%; } .grid .row .col-l-5.offset-s-4 { margin-left: 0; } .grid .row .col-l-5.offset-s-5 { margin-left: 0; } .grid .row .col-l-5.offset-s-6 { margin-left: 0; } .grid .row .col-l-5.offset-s-7 { margin-left: 0; } .grid .row .col-l-5.offset-s-8 { margin-left: 0; } .grid .row .col-l-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -moz-box-flex: 0; -moz-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .grid .row .col-l-6.offset-s-0 { margin-left: 0%; } .grid .row .col-l-6.offset-s-1 { margin-left: 12.5%; } .grid .row .col-l-6.offset-s-2 { margin-left: 25%; } .grid .row .col-l-6.offset-s-3 { margin-left: 0; } .grid .row .col-l-6.offset-s-4 { margin-left: 0; } .grid .row .col-l-6.offset-s-5 { margin-left: 0; } .grid .row .col-l-6.offset-s-6 { margin-left: 0; } .grid .row .col-l-6.offset-s-7 { margin-left: 0; } .grid .row .col-l-6.offset-s-8 { margin-left: 0; } .grid .row .col-l-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 87.5%; -moz-box-flex: 0; -moz-flex: 0 0 87.5%; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; } .grid .row .col-l-7.offset-s-0 { margin-left: 0%; } .grid .row .col-l-7.offset-s-1 { margin-left: 12.5%; } .grid .row .col-l-7.offset-s-2 { margin-left: 0; } .grid .row .col-l-7.offset-s-3 { margin-left: 0; } .grid .row .col-l-7.offset-s-4 { margin-left: 0; } .grid .row .col-l-7.offset-s-5 { margin-left: 0; } .grid .row .col-l-7.offset-s-6 { margin-left: 0; } .grid .row .col-l-7.offset-s-7 { margin-left: 0; } .grid .row .col-l-7.offset-s-8 { margin-left: 0; } .grid .row .col-l-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .grid .row .col-l-8.offset-s-0 { margin-left: 0%; } .grid .row .col-l-8.offset-s-1 { margin-left: 0; } .grid .row .col-l-8.offset-s-2 { margin-left: 0; } .grid .row .col-l-8.offset-s-3 { margin-left: 0; } .grid .row .col-l-8.offset-s-4 { margin-left: 0; } .grid .row .col-l-8.offset-s-5 { margin-left: 0; } .grid .row .col-l-8.offset-s-6 { margin-left: 0; } .grid .row .col-l-8.offset-s-7 { margin-left: 0; } .grid .row .col-l-8.offset-s-8 { margin-left: 0; } } @media (min-width : 840px) { #frame { display:block; } #frame-content { padding:4rem; } }