b, label, optgroup, strong { font-weight: 700 } .w-clearfix:after, .w-container:after, .w-embed:after, .w-radio:after, .w-row:after, .w-slider { clear: both } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100% } body { margin: 0; min-height: 100%; background-color: #fff } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background-color: transparent } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } dfn { font-style: italic } mark { background: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0; display: inline-block } svg:not(:root) { overflow: hidden } hr { box-sizing: content-box; height: 0 } pre, textarea { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button, select { text-transform: none } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-appearance: none } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } legend { border: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } td, th { padding: 0 } @font-face { font-family: webflow-icons; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype'); font-weight: 400; font-style: normal } [class*=" w-icon-"], [class^=w-icon-] { font-family: webflow-icons !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .w-icon-slider-right:before { content: "\e600" } .w-icon-slider-left:before { content: "\e601" } .w-icon-nav-menu:before { content: "\e602" } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: "\e603" } .w-icon-file-upload-remove:before { content: "\e900" } .w-icon-file-upload-icon:before { content: "\e903" } .w-clearfix:after, .w-clearfix:before, .w-embed:after, .w-embed:before, .w-radio:after, .w-radio:before { content: " "; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2 } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } html.w-mod-touch * { background-attachment: scroll !important } .w-block { display: block } .w-inline-block { max-width: 100%; display: inline-block } .w-clearfix:after, .w-clearfix:before { display: table } .w-hidden { display: none } .w-button { display: inline-block; padding: 9px 15px; background-color: #3898EC; color: #fff; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0 } input.w-button { -webkit-appearance: button } html[data-w-dynpage] [data-w-cloak] { color: transparent !important } .w-webflow-badge, .w-webflow-badge * { position: static; left: auto; top: auto; right: auto; bottom: auto; z-index: auto; display: block; visibility: visible; overflow: visible; overflow-x: visible; overflow-y: visible; box-sizing: border-box; width: auto; height: auto; max-height: none; max-width: none; min-height: 0; min-width: 0; margin: 0; padding: 0; float: none; clear: none; border: 0 transparent; border-radius: 0; background: 0 0; background-size: auto auto; background-origin: padding-box; background-clip: border-box; box-shadow: none; opacity: 1; transform: none; transition: none; direction: ltr; font-family: inherit; font-weight: inherit; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-variant: inherit; text-align: inherit; letter-spacing: inherit; text-decoration: inherit; text-indent: 0; text-transform: inherit; list-style-type: disc; text-shadow: none; font-smoothing: auto; vertical-align: baseline; cursor: inherit; white-space: inherit; word-break: normal; word-spacing: normal; word-wrap: normal } .w-webflow-badge, .w-webflow-badge > img { display: inline-block !important; visibility: visible !important; opacity: 1 !important } .w-form-done, .w-slider, .w-widget-map .gm-style-iw, .w-widget-twitter-count-shim, figcaption { text-align: center } .w-webflow-badge { position: fixed !important; z-index: 2147483647 !important; top: auto !important; right: 12px !important; bottom: 12px !important; left: auto !important; color: #AAADB0 !important; background-color: #fff !important; border-radius: 3px !important; padding: 6px 8px 6px 6px !important; font-size: 12px !important; line-height: 14px !important; text-decoration: none !important; transform: none !important; margin: 0 !important; width: auto !important; height: auto !important; overflow: visible !important; white-space: nowrap; box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1); cursor: pointer } blockquote, figure { margin: 0 0 10px } ol, p, ul { margin-top: 0 } h1, h2, h3, h4, h5, h6, ol, ul { margin-bottom: 10px } .w-background-video, .w-file-upload-input, .w-slider-mask, .w-widget-gplus, .w-widget-twitter { overflow: hidden } .w-webflow-badge > img { vertical-align: middle !important } h1, h2, h3 { margin-top: 20px } h4, h5, h6 { margin-top: 10px } blockquote { padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; line-height: 22px } figcaption { margin-top: 5px } ol, ul { padding-left: 40px } .w-list-unstyled { padding-left: 0; list-style: none } .w-embed:after, .w-embed:before { display: table } .w-video { width: 100%; position: relative; padding: 0 } .w-video embed, .w-video iframe, .w-video object { position: absolute; top: 0; left: 0; width: 100%; height: 100% } fieldset { padding: 0; margin: 0; border: 0 } button, html input[type=button], input[type=reset] { border: 0; cursor: pointer; -webkit-appearance: button } .w-form { margin: 0 0 15px } .w-form-done { display: none; padding: 20px; background-color: #ddd } .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede } label { display: block; margin-bottom: 5px } .w-input, .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.42857143; color: #333; vertical-align: middle; background-color: #fff; border: 1px solid #ccc } .w-select[multiple], textarea.w-input, textarea.w-select { height: auto } .w-input:-moz-placeholder, .w-select:-moz-placeholder { color: #999 } .w-input::-moz-placeholder, .w-select::-moz-placeholder { color: #999; opacity: 1 } .w-input:-ms-input-placeholder, .w-select:-ms-input-placeholder { color: #999 } .w-input::-webkit-input-placeholder, .w-select::-webkit-input-placeholder { color: #999 } .w-input:focus, .w-select:focus { border-color: #3898EC; outline: 0 } .w-input[disabled], .w-input[readonly], .w-select[disabled], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; background-color: #eee } .w-select { background-color: #f3f3f3 } .w-form-label { display: inline-block; cursor: pointer; font-weight: 400; margin-bottom: 0 } .w-radio { display: block; margin-bottom: 5px; padding-left: 20px } .w-radio:after, .w-radio:before { display: table } .w-radio-input { margin: 3px 0 0 -20px; margin-top: 1px \9; line-height: normal; float: left } .w-file-upload { display: block; margin-bottom: 10px } .w-file-upload-input { width: .1px; height: .1px; opacity: 0; position: absolute; z-index: -100 } .w-file-upload-default, .w-file-upload-success, .w-file-upload-uploading { display: inline-block; color: #333 } .w-file-upload-error { display: block; margin-top: 10px } .w-file-upload-default.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden, .w-file-upload-uploading.w-hidden { display: none } .w-file-upload-file, .w-file-upload-uploading-btn { display: flex; margin: 0; border: 1px solid #ccc; background-color: #fafafa } .w-file-upload-uploading-btn { font-size: 14px; font-weight: 400; cursor: pointer; padding: 8px 12px } .w-file-upload-file { flex-grow: 1; justify-content: space-between; padding: 8px 9px 8px 11px } .w-file-upload-file-name { font-size: 14px; font-weight: 400; display: block } .w-file-remove-link { margin-top: 3px; margin-left: 10px; width: auto; height: auto; padding: 3px; display: block; cursor: pointer } .w-icon-file-upload-remove { margin: auto; font-size: 10px } .w-file-upload-error-msg { display: inline-block; color: #ea384c; padding: 2px 0 } .w-file-upload-info { display: inline-block; line-height: 38px; padding: 0 12px } .w-file-upload-label { display: inline-block; font-size: 14px; font-weight: 400; cursor: pointer; margin: 0; padding: 8px 12px; border: 1px solid #ccc; background-color: #fafafa } .w-icon-file-upload-icon, .w-icon-file-upload-uploading { display: inline-block; margin-right: 8px; width: 20px } .w-container:after, .w-container:before, .w-row:after, .w-row:before { display: table; content: " "; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2 } .w-icon-file-upload-uploading { height: 20px } .w-container { margin-left: auto; margin-right: auto; max-width: 940px } .w-container .w-row { margin-left: -10px; margin-right: -10px } .w-row .w-row { margin-left: 0; margin-right: 0 } .w-col { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px } .w-col .w-col { padding-left: 0; padding-right: 0 } .w-col-1 { width: 8.33333333% } .w-col-2 { width: 16.66666667% } .w-col-five { width: 25% } .w-col-3 { width: 25% } .w-col-4 { width: 33.33333333% } .w-col-5 { width: 41.66666667% } .w-col-6 { width: 50% } .w-col-7 { width: 58.33333333% } .w-col-8 { width: 66.66666667% } .w-col-9 { width: 75% } .w-col-10 { width: 83.33333333% } .w-col-11 { width: 91.66666667% } .w-col-12 { width: 100% } .w-hidden-main { display: none !important } @media screen and (max-width: 991px) { .w-container { max-width: 728px } .w-hidden-main { display: inherit !important } .w-hidden-medium { display: none !important } .w-col-medium-1 { width: 8.33333333% } .w-col-medium-2 { width: 16.66666667% } .w-col-medium-3 { width: 25% } .w-col-medium-4 { width: 33.33333333% } .w-col-medium-5 { width: 41.66666667% } .w-col-medium-6 { width: 50% } .w-col-medium-7 { width: 58.33333333% } .w-col-medium-8 { width: 66.66666667% } .w-col-medium-9 { width: 75% } .w-col-medium-10 { width: 83.33333333% } .w-col-medium-11 { width: 91.66666667% } .w-col-medium-12 { width: 100% } .w-col-stack { width: 100%; left: auto; right: auto } } @media screen and (max-width: 767px) { .w-hidden-main, .w-hidden-medium { display: inherit !important } .w-hidden-small { display: none !important } .w-container .w-row, .w-row { margin-left: 0; margin-right: 0 } .w-col { width: 100%; left: auto; right: auto } .w-col-small-1 { width: 8.33333333% } .w-col-small-2 { width: 16.66666667% } .w-col-small-3 { width: 25% } .w-col-small-4 { width: 33.33333333% } .w-col-small-5 { width: 41.66666667% } .w-col-small-6 { width: 50% } .w-col-small-7 { width: 58.33333333% } .w-col-small-8 { width: 66.66666667% } .w-col-small-9 { width: 75% } .w-col-small-10 { width: 83.33333333% } .w-col-small-11 { width: 91.66666667% } .w-col-small-12 { width: 100% } } @media screen and (max-width: 479px) { .w-container { max-width: none } .w-hidden-main, .w-hidden-medium, .w-hidden-small { display: inherit !important } .w-hidden-tiny { display: none !important } .w-col { width: 100% } .w-col-tiny-1 { width: 8.33333333% } .w-col-tiny-2 { width: 16.66666667% } .w-col-tiny-3 { width: 25% } .w-col-tiny-4 { width: 33.33333333% } .w-col-tiny-5 { width: 41.66666667% } .w-col-tiny-6 { width: 50% } .w-col-tiny-7 { width: 58.33333333% } .w-col-tiny-8 { width: 66.66666667% } .w-col-tiny-9 { width: 75% } .w-col-tiny-10 { width: 83.33333333% } .w-col-tiny-11 { width: 91.66666667% } .w-col-tiny-12 { width: 100% } } .w-widget { position: relative } .w-widget-map { width: 100%; height: 400px } .w-widget-map label { width: auto; display: inline } .w-widget-map img { max-width: inherit } .w-widget-map .gm-style-iw > button { display: none !important } .w-widget-twitter-count-shim { display: inline-block; vertical-align: top; position: relative; width: 28px; height: 20px; background: #fff; border: 1px solid #758696; border-radius: 3px } .w-widget-twitter-count-shim * { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .w-dropdown-toggle, .w-slider-arrow-left, .w-slider-arrow-right { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer } .w-widget-twitter-count-shim .w-widget-twitter-count-inner { position: relative; font-size: 15px; line-height: 12px; text-align: center; color: #999; font-family: serif } .w-widget-twitter-count-shim .w-widget-twitter-count-clear { position: relative; display: block } .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px } .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px } .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px } .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px } .w-widget-twitter-count-shim:not(.w--vertical):after, .w-widget-twitter-count-shim:not(.w--vertical):before { top: 50%; left: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .w-widget-twitter-count-shim:not(.w--vertical):before { border-color: rgba(117, 134, 150, 0); border-right-color: #5d6c7b; border-width: 4px; margin-left: -9px; margin-top: -4px } .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-left: -10px; margin-top: -5px } .w-widget-twitter-count-shim:not(.w--vertical):after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 4px; margin-left: -8px; margin-top: -4px } .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-left: -9px; margin-top: -5px } .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px } .w-widget-twitter-count-shim.w--vertical:after, .w-widget-twitter-count-shim.w--vertical:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .w-widget-twitter-count-shim.w--vertical:before { border-color: rgba(117, 134, 150, 0); border-top-color: #5d6c7b; border-width: 5px; margin-left: -5px } .w-widget-twitter-count-shim.w--vertical:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 4px; margin-left: -4px } .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px } .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px } .w-background-video { position: relative; height: 500px; color: #fff } .w-background-video > video { background-size: cover; background-position: 50% 50%; position: absolute; margin: auto; width: 100%; height: 100%; right: -100%; bottom: -100%; top: -100%; left: -100%; object-fit: cover; z-index: -100 } .w-background-video > video::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none } .w-slider { position: relative; height: 300px; background: #ddd; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent } .w-slide, .w-slider-mask { position: relative; height: 100% } .w-slider-mask { display: block; z-index: 1; left: 0; right: 0; white-space: nowrap } .w-dropdown, .w-dropdown-toggle, .w-slide, .w-slider-dot { display: inline-block } .w-slide { vertical-align: top; width: 100%; white-space: normal; text-align: left } .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent } .w-lightbox-backdrop, .w-nav-button { -webkit-tap-highlight-color: transparent } .w-slider-nav.w-round > div { border-radius: 100% } .w-slider-nav.w-num > div { width: auto; height: auto; padding: .2em .5em; font-size: inherit; line-height: inherit } .w-slider-nav.w-shadow > div { box-shadow: 0 0 3px rgba(51, 51, 51, .4) } .w-slider-nav-invert { color: #fff } .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, .4) } .w-slider-nav-invert > div.w-active { background-color: #222 } .w-slider-dot { position: relative; width: 1em; height: 1em; background-color: rgba(255, 255, 255, .4); cursor: pointer; margin: 0 3px .5em; transition: background-color .1s, color .1s } .w-slider-dot.w-active { background-color: #fff } .w-slider-arrow-left, .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: hidden; color: #fff; font-size: 40px; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; user-select: none } .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-left [class^=w-icon-], .w-slider-arrow-right [class*=" w-icon-"], .w-slider-arrow-right [class^=w-icon-] { position: absolute } .w-dropdown, .w-dropdown-btn, .w-dropdown-link, .w-dropdown-toggle { position: relative; text-align: left; margin-left: auto; margin-right: auto } .w-slider-arrow-left { z-index: 3; right: auto } .w-slider-arrow-right { z-index: 4; left: auto } .w-icon-slider-left, .w-icon-slider-right { top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; height: 1em } .w-dropdown { z-index: 900 } .w-dropdown-btn, .w-dropdown-link, .w-dropdown-toggle { vertical-align: top; text-decoration: none; color: #222; padding: 20px; white-space: nowrap } .w-dropdown-toggle { user-select: none; padding-right: 40px } .w-lightbox-backdrop, .w-nav-button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } .w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto 20px auto auto; width: 1em; height: 1em } .w-dropdown-list { position: absolute; background: #ddd; display: none; min-width: 100% } .w-dropdown-list.w--open { display: block } .w-dropdown-link { padding: 10px 20px; display: block; color: #222 } .w-dropdown-link.w--current { color: #0082f3 } @media screen and (max-width: 767px) { .w-nav-brand { padding-left: 10px } } .w-lightbox-backdrop { cursor: auto; font-style: normal; font-variant: normal; letter-spacing: normal; list-style: disc; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; position: fixed; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; font-size: 17px; line-height: 1.2; font-weight: 300; text-align: center; background: rgba(0, 0, 0, .9); z-index: 2000; outline: 0; opacity: 0; -webkit-transform: translate(0, 0) } .big-image-section, .service, h2 { text-transform: uppercase } .w-lightbox-caption, .w-lightbox-strip { bottom: 0; right: 0; white-space: nowrap; left: 0 } .w-lightbox-backdrop, .w-lightbox-container { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch } .w-lightbox-content { position: relative; height: 100vh; overflow: hidden } .w-lightbox-view { position: absolute; width: 100vw; height: 100vh; opacity: 0 } .w-lightbox-view:before { content: ""; height: 100vh } .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 86vh } .w-lightbox-frame, .w-lightbox-view:before { display: inline-block; vertical-align: middle } .w-lightbox-figure { position: relative; margin: 0 } .w-lightbox-group .w-lightbox-figure { cursor: pointer } .w-lightbox-img { width: auto; height: auto; max-width: none } .w-lightbox-image { display: block; float: none; max-width: 100vw; max-height: 100vh } .w-lightbox-group .w-lightbox-image { max-height: 86vh } .w-lightbox-caption { position: absolute; padding: .5em 1em; background: rgba(0, 0, 0, .4); text-align: left; text-overflow: ellipsis; overflow: hidden } .w-lightbox-embed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100% } .w-lightbox-control { position: absolute; top: 0; width: 4em; background-size: 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-transition: all .3s; transition: all .3s } .w-lightbox-left { display: none; bottom: 0; left: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==) } .w-lightbox-right { display: none; right: 0; bottom: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+) } .w-lightbox-close { right: 0; height: 2.6em; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=); background-size: 18px } .w-lightbox-strip { position: absolute; padding: 0 1vh; line-height: 0; overflow-x: auto; overflow-y: hidden } body, h5 { line-height: 20px } .w-lightbox-noscroll, .w-richtext ol, .w-richtext ul { overflow: hidden } .w-lightbox-item { display: inline-block; width: 10vh; padding: 2vh 1vh; box-sizing: content-box; cursor: pointer; -webkit-transform: translate3d(0, 0, 0) } .w-lightbox-active { opacity: .3 } .w-lightbox-thumbnail { position: relative; height: 10vh; background: #222; overflow: hidden } .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0 } .w-lightbox-thumbnail .w-lightbox-tall { top: 50%; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) } .w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) } .w-lightbox-spinner { position: absolute; top: 50%; left: 50%; box-sizing: border-box; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, .4); border-radius: 50%; -webkit-animation: spin .8s infinite linear; animation: spin .8s infinite linear } .w-richtext figure.w-richtext-align-center, .w-richtext figure.w-richtext-align-fullwidth { clear: both; margin-right: auto; margin-left: auto } .w-lightbox-spinner:after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 3px solid transparent; border-bottom-color: #fff; border-radius: 50% } .w-lightbox-hide { display: none } @media (min-width: 768px) { .w-lightbox-content { height: 96vh; margin-top: 2vh } .w-lightbox-view, .w-lightbox-view:before { height: 96vh } .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 84vh } .w-lightbox-image { max-width: 96vw; max-height: 96vh } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh } .w-lightbox-left, .w-lightbox-right { display: block; opacity: .5 } .w-lightbox-close { opacity: .8 } .w-lightbox-control:hover { opacity: 1 } } .w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0 } .w-richtext:after, .w-richtext:before { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2 } .w-richtext:after { clear: both } .w-richtext[contenteditable=true]:after, .w-richtext[contenteditable=true]:before { white-space: initial } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after, .w-richtext .w-richtext-figure-selected[data-rt-type=image] div { outline: #2895f7 solid 2px } .w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type=video] > div:after { content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0 } .w-richtext figure { position: relative; max-width: 60% } .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type=image] > div, img { max-width: 100% } .w-richtext figure > div:before { cursor: default !important } .w-richtext figure img { width: 100% } .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: .6 } .w-richtext figure div { font-size: 0; color: transparent } .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type=image] { display: table } .w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type=image] > div { display: inline-block } .w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type=image] > figcaption { display: table-caption; caption-side: bottom } .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type=video] { width: 60%; height: 0 } .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type=video] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .w-nav, .w-nav-brand, .w-nav-link, .w-nav-menu { position: relative } .w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type=video] > div { width: 100% } .w-richtext figure.w-richtext-align-normal { clear: both } .w-richtext figure.w-richtext-align-fullwidth { width: 100%; max-width: 100%; text-align: center; display: block } .w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; padding-bottom: inherit } .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block } .w-nav:after, .w-nav:before, .w-tabs:after, .w-tabs:before { content: " "; display: table; grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2 } .w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; clear: none } .w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; clear: none } .w-nav:after, .w-tabs:after { clear: both } .w-nav { background: #ddd; z-index: 1000 } .w-nav-brand { float: left; text-decoration: none; color: #333 } .w-nav-link, .w-tab-link { vertical-align: top; color: #222 } .w-nav-link { display: inline-block; text-decoration: none; padding: 20px; text-align: left; margin-left: auto; margin-right: auto } h2, h3 { margin-right: 0 } .w-nav-link.w--current { color: #0082f3 } .w-nav-menu { float: right } [data-nav-menu-open] { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #C8C8C8; text-align: center; overflow: visible; min-width: 200px } .w--nav-link-open { display: block; position: relative } .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100% } .w-nav[data-animation=over-left] .w-nav-overlay, .w-nav[data-animation=over-right] .w-nav-overlay { width: auto } .w-nav-overlay [data-nav-menu-open] { top: 0 } .w-nav[data-animation=over-left] .w-nav-overlay, .w-nav[data-animation=over-left] [data-nav-menu-open] { right: auto; z-index: 1; top: 0 } .w-nav[data-animation=over-right] .w-nav-overlay, .w-nav[data-animation=over-right] [data-nav-menu-open] { left: auto; z-index: 1; top: 0 } .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; tap-highlight-color: transparent; user-select: none } .w-nav-button.w--open { background-color: #C8C8C8; color: #fff } .w-nav[data-collapse=all] .w-nav-menu { display: none } .w--nav-dropdown-open, .w--nav-dropdown-toggle-open, .w-nav[data-collapse=all] .w-nav-button { display: block } .w--nav-dropdown-list-open { position: static } .w-tab-content, .w-tab-link, .w-tab-menu, .w-tab-pane, .w-tabs { position: relative } @media screen and (max-width: 991px) { .w-nav[data-collapse=medium] .w-nav-menu { display: none } .w-nav[data-collapse=medium] .w-nav-button { display: block } } @media screen and (max-width: 767px) { .w-nav[data-collapse=small] .w-nav-menu { display: none } .w-nav[data-collapse=small] .w-nav-button { display: block } .w-nav-brand { padding-left: 10px } } @media screen and (max-width: 479px) { .w-nav[data-collapse=tiny] .w-nav-menu { display: none } .w-nav[data-collapse=tiny] .w-nav-button { display: block } } .button, .w-tab-link { display: inline-block; text-decoration: none } #w-node-3fd6c27963f0-64fa863e, #w-node-62d402cd6de4-64fa863e, #w-node-cc09a898c4fe-64fa863e { -ms-grid-column: 2; grid-column-start: 2; grid-column-end: 3 } #w-node-0c2b7ac3257b-64fa863e, #w-node-3acde7b9475e-64fa863e, #w-node-e80884ffd5de-64fa863e, #w-node-f172e4fdbcf9-64fa863e { -ms-grid-column: 3; grid-column-start: 3; grid-column-end: 4 } #w-node-3fd6c27963f0-64fa863e, #w-node-9c2eeb0f55f3-64fa863e, #w-node-f172e4fdbcf9-64fa863e { -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 3 } #w-node-0c2b7ac3257b-64fa863e, #w-node-1cb605591b2c-64fa863e, #w-node-cc09a898c4fe-64fa863e { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 4 } #w-node-3acde7b9475e-64fa863e, #w-node-62d402cd6de4-64fa863e, #w-node-c76dcfc62cf8-64fa863e { -ms-grid-column-span: 1; -ms-grid-row: 4; grid-row-start: 4; -ms-grid-row-span: 1; grid-row-end: 5 } .w-tab-link { padding: 9px 30px; text-align: left; cursor: pointer; background-color: #ddd } .w-tab-link.w--current { background-color: #C8C8C8 } .w-tab-content { display: block; overflow: hidden } .w-tab-pane { display: none } .w--tab-active { display: block } @media screen and (max-width: 479px) { .w-tab-link { display: block } } .w-ix-emptyfix:after { content: "" } @keyframes spin { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } .w-dyn-empty { padding: 10px; background-color: #ddd } .w-condition-invisible, .w-dyn-bind-empty, .w-dyn-hide { display: none !important } .w-embed-youtubevideo { width: 100%; position: relative; padding-bottom: 0; padding-left: 0; padding-right: 0; background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg); background-size: cover; background-position: 50% 50% } .w-embed-youtubevideo:empty { min-height: 75px; padding-bottom: 56.25% } .w-layout-grid { display: -ms-grid; display: grid; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; grid-row-gap: 16px; grid-column-gap: 16px } body { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #333; font-size: 12px } h1, h2 { font-family: Lato, sans-serif; font-weight: 300 } h1 { margin: -58px 0 205px; font-size: 58px; line-height: 44px; letter-spacing: 14px } h2 { margin-left: 2px; opacity: 1; font-size: 31px; line-height: 17px } .nav-link, .nav-link.art-link, .nav-link.highlight, h3 { font-weight: 400 } h3 { margin-left: 0; font-family: Montserrat, sans-serif; font-size: 17px; line-height: 30px } .nav-link, p { font-family: Lato, sans-serif } h4, h5, h6 { margin: 10px 0; font-weight: 700 } h4 { font-size: 18px; line-height: 24px } h5 { font-size: 14px } h6 { font-size: 12px; line-height: 18px } .number, .number._3d, p { font-weight: 300 } p { margin-bottom: 15px; font-size: 16px; line-height: 25px } img { height: auto; margin-bottom: 20px; vertical-align: middle } .button { padding: 4px 15px; background-color: #000; color: #fff; text-align: center } .big-image-section, .nav-link { display: block; text-align: center; float: none; clear: none } .nav-link { margin-top: -1px; margin-right: auto; margin-left: auto; padding-top: 11px; padding-bottom: 6px; border-top: 1px solid rgba(0, 0, 0, .18); border-bottom: 1px solid transparent; -webkit-transition: all .5s ease; transition: all .5s ease; color: #656665; font-size: 20px; text-decoration: none } .nav-link:hover { border-bottom: 1px solid rgba(0, 0, 0, .2) } .nav-link.contact { margin-right: 0; border-top: 1px solid rgba(255, 0, 0, .36); color: #f23030 } .nav-link.contact:hover { border-bottom: 1px solid rgba(255, 0, 0, .34) } .nav-link.highlight.w--current { color: #353535; font-weight: 700 } .solid-bar { height: 1px; margin-top: 7px; margin-bottom: 7px; background-color: #cfcfcf; color: #adadad } .solid-bar.white { width: 494px; background-color: #fff } .solid-bar.bottombar { margin-bottom: 37px; padding-top: 1px } .solid-bar.seperator { margin-bottom: 22px } .nav-bar { padding-top: 10px } .content-row { padding-top: 25px; padding-bottom: 17px; border-top: 1px solid rgba(0, 0, 0, .18) } .content-row.red { border-top-width: 0; color: #f23030 } .content-row.footer { padding-bottom: 32px } .content-row.spotify { margin-bottom: -15px; padding-bottom: 0 } .big-image-section { position: static; left: 0; top: 0; right: 0; z-index: 0; overflow: auto; width: auto; height: auto; margin: 0 auto 49px; padding-top: 162px; padding-bottom: 138px; background-image: url(https://uploads-ssl.webflow.com/51e0d73d83d06baa7a00000f/52b1dc2ad25933e36e000164_IMG_0960.jpg); background-position: -31px 76px; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); font-family: Montserrat, sans-serif; color: #fff } .art-slide, .projects-text, .slider { position: relative } .link, .link.preview, .white-bar { display: inline-block } .big-image-section.project-header { background-image: url(https://uploads-ssl.webflow.com/51e0d73d83d06baa7a00000f/52b613673a30a6fb73000165_ads1%20copy.png); background-position: 50% 50%; background-size: contain } .about-slider, .art-slide, .number.painting { background-size: cover } .big-image-section.about-me-header { margin-top: 7px; margin-bottom: 19px; padding-bottom: 238px; background-image: url(https://uploads-ssl.webflow.com/51e0d73d83d06baa7a00000f/5aca6a6baf4ae807f730f2ce_pat_port.jpg); background-position: 50% 50%; background-size: cover; background-repeat: repeat; background-attachment: scroll } ._3d-title, .about-slider, .art-slide { background-repeat: no-repeat } .sub-heading { margin-top: -21px; margin-bottom: 5px; padding-top: 0; font-size: 16px; letter-spacing: 6px } .white-bar { width: 494px; height: 20px; background-color: #fff } .number { margin-top: -17px; font-family: Lato, sans-serif; font-size: 44px; line-height: 42px; letter-spacing: 2px } .number._3d { margin: 19px 14px 70px 19px; color: #b5b5b5; text-align: right } .number.photography { margin-top: 23px; margin-bottom: 15px; padding-top: 5px; padding-bottom: 127px; padding-left: 19px; color: #fff; font-weight: 300 } .number.painting { margin-top: 21px; padding-top: 17px; padding-bottom: 41px; padding-left: 14px; background-image: url(https://uploads-ssl.webflow.com/51e0d73d83d06baa7a00000f/52c25f1cc6aeb85b4e00037b_IMG_2335.jpg); background-position: 100% 0; color: #fff; font-weight: 200 } .number.graphic-design { text-align: center } .number.pub_title { margin-top: 13px; margin-bottom: 7px; font-size: 23px; line-height: 25px; font-weight: 700; text-align: left; letter-spacing: 0 } .number.apps_header { margin-top: 7px; margin-bottom: 23px; padding-top: 24px; padding-bottom: 37px; padding-left: 26px; background-color: #eee } .link { /*margin-right: 19px;*/ border-bottom: 1px solid #04948c; -webkit-transition: all .5s ease; transition: all .5s ease; /*color: #8c8c8c;*/ color: #04948c; text-decoration: none } .link:hover { border-bottom: 1px solid #18446c; color: #18446c } .link.preview { margin-top: 19px } .project-row { padding-bottom: 45px } .service { display: block; margin-top: 9px; padding: 11px; background-color: #000; font-family: Montserrat, sans-serif; color: #fff } .service.ux { width: 100% } .service.branding { width: 95% } .service.webdesign { width: 98% } .service.mobile { width: 89% } .service.motion { width: 65% } .service.video { width: 50% } .service.threed { width: 41% } .date { color: #c2c2c2 } .services-done { color: #f23030 } .left-border { border-left: 1px solid rgba(0, 0, 0, .18) } .header-row { color: #929292 } .about-me-text, .name { color: #fff; font-size: 50px; font-weight: 400; text-decoration: underline } .logo { display: block; width: 80%; height: 100%; margin: 10px auto 15px; float: none; opacity: .9 } .empty-column { height: 20px } .art-slide { bottom: 1px; display: inline-block; overflow: visible; margin-right: auto; margin-bottom: auto; margin-left: auto; clear: none; background-image: url(https://uploads-ssl.webflow.com/51e0d73d83d06baa7a00000f/5aadde6ac776cc30438e8d82_home_art.jpg); background-position: 50% 59% } .art-slide-container { position: relative; z-index: 10; margin-bottom: 138px; padding-bottom: 0 } .name { display: block; margin: 62px auto 199px; text-align: right; letter-spacing: 5px } .car-video, .homelink, .see-all { margin-right: auto; margin-left: auto } .about-me-text, .name-text { text-align: left; font-family: Lato, sans-serif } .slider-mask { margin-bottom: 103px } .slider { left: 0; top: 76px; right: 0; height: 500px; margin-bottom: 163px } .about-slider { background-image: url(https://uploads-ssl.webflow.com/51e0d73d83d06baa7a00000f/5aaddddf3164e1c3420391e1_about_portrait.jpg); background-position: 50% 46% } .about-me-text { margin-top: 60px; line-height: 20px } .name-text { display: inline-block; margin-bottom: 5px; border-radius: 10px; color: #949494; font-size: 60px; line-height: 55px; font-weight: 200 } .car-video, .guy, .homelink, .painting, .see-all { display: block } .about-me-heading, .projects-heading, .projects-text, .see-all, .see-more { text-align: center } .projects-slide { background-image: url(https://uploads-ssl.webflow.com/51e0d73d83d06baa7a00000f/5aaddf0e7fb5111b881f7d0f_home_proj.jpg); background-position: 50% 50%; background-size: auto; opacity: 1 } .projects-text { left: 0; bottom: 0; margin-top: 66px; padding-left: 49px; font-family: Lato, sans-serif; color: #fff; font-size: 50px; font-weight: 400; text-decoration: underline; text-shadow: none } .about-me-heading, .last-name, .projects-heading { color: #737373; font-weight: 200 } .coming-soon.names, .github-whiteboard, .homelink, .last-name, .links, .see-all { text-decoration: none } .about-me-heading { margin-top: -153px; margin-bottom: 216px; padding-right: 39px } .last-name { font-family: Lato, sans-serif; font-size: 88px; line-height: 70px } .homelink { width: 100% } .projects-heading { margin-top: -156px; margin-bottom: 412px } ._3d-title { margin-bottom: 19px; background-image: url(https://uploads-ssl.webflow.com/51e0d73d83d06baa7a00000f/52b645565c4de5394c00024f_still%2020001.jpg); background-position: 50% 0; background-size: cover } .art-page-paragraph { font-family: Lato, sans-serif } .car-video { position: static; left: 0; top: 0; right: 0; bottom: 0; margin-bottom: 24px } .photography-heading { background-image: url(https://uploads-ssl.webflow.com/51e0d73d83d06baa7a00000f/52b64b6d3a30a6fb7300022f_73877911.jpg); background-position: 50% 50%; background-size: cover } .jelly { padding-right: 22px } .clouds, .synced { padding-right: 0 } .see-all { margin-bottom: 13px; font-family: Lato, sans-serif; color: #333; font-size: 25px; line-height: 30px; font-weight: 200 } .coming-soon, .github-whiteboard, .links { font-family: Lato, sans-serif; color: #333; font-weight: 300 } .painting { margin: 8px auto 6px } .guy { height: auto; margin-right: auto; margin-left: auto } .github-whiteboard { font-size: 23px } .links { margin-right: 45px; font-size: 18px; line-height: 20px } .synced { margin-top: 77px; margin-left: 34px } .clouds { margin-left: -27px } .c3 { margin-top: 56px; padding-right: 37px } .coming-soon { font-size: 17px } .coming-soon.names { padding-right: 7px; float: none; clear: none; font-size: 18px; font-weight: 400 } .coming-soon.names.my_name { font-weight: 700 } .coming-soon.withspace { margin-right: 13px } .coming-soon.lenselinks { margin-right: 15px; text-decoration: underline } .iphone { margin-right: 55px; margin-left: 26px; float: right } .iphone._2nd-image { margin-left: 57px } .circuit, .cluck, .iphone.brace, .iphone.circuitimage, .spotifyimage { margin-right: auto; margin-left: auto; display: block } .mainlink { position: relative; z-index: 7; display: block; height: 100%; margin: auto } .spotifyimage { max-width: 86% } .circuit { margin-top: 33px } .namebar { padding-bottom: 5px } .paragraph { margin-bottom: 1px } .paragraph.ordered { margin-top: -16px; margin-bottom: 8px } .paragraph.hack_line_break { display: block; padding-bottom: 0; float: none; clear: none } .paragraph.newline { margin-top: 0; padding-top: 0 } .image { display: block; max-width: 85%; margin: 15px auto 36px } .utility-page-content, .utility-page-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox } .utility-page-wrap { display: flex; width: 100vw; height: 100vh; max-height: 100%; max-width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .utility-page-content { display: flex; width: 260px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center } .utility-page-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } ._404heading { margin-top: 23px; margin-bottom: 14px; line-height: 27px } .pub_image { overflow: visible; max-width: 30%; margin-top: 15px; margin-bottom: 5px; margin-left: 25px; padding-left: 0; float: right; clear: none } .pub_image.lighthouse_teaser { margin-left: -1px; padding-left: 27px } .div-block, .fog_im, .html-embed, .proj_im { margin-left: auto; display: block; margin-right: auto } .pub_image.hotdog { overflow: visible; margin-top: -33px } .pub_image.turkeyes { padding-right: 20px; padding-left: 20px } .paragraph-2 { text-align: justify; text-transform: none } .paragraph-2.pub_para { margin-top: 10px; text-align: justify } .button-2, .div-block, .grey-heading, .section, .section.hero { text-align: center } .row_pub { padding-bottom: 5px; border-top: 1px solid rgba(0, 0, 0, .18) } .pub_title { margin-top: 29px; margin-bottom: 34px } .pub_warning { color: #d83400; font-size: 18px; font-weight: 400 } .pub_header { margin-top: 29px; margin-bottom: 13px } .container { padding-left: 14px } .fog_im { max-width: 70% } .html-embed { width: 100%; float: none } .body, .body-2, .body-3, .body-4 { -webkit-transition: opacity .2s ease; transition: opacity .2s ease } .proj_video { margin-bottom: 64px } .proj_video.time_video { margin-top: 76px } .success-message { padding: 20px; border-radius: 2px; background-color: #b59143; -webkit-transition: all .3s ease; transition: all .3s ease; color: #fff } .spread-word { margin-top: 20px; margin-bottom: 9px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #fff; font-size: 10px; line-height: 16px; font-weight: 400; letter-spacing: 0; text-transform: uppercase; text-shadow: none } .button-2, .field { height: 54px; float: left; font-size: 18px; font-weight: 300 } .error-message { padding-bottom: 5px; border-radius: 2px; background-color: #5c3245 } .container-2 { padding-right: 70px; padding-bottom: 0; padding-left: 70px } .container-2.p2m_header { margin-top: -64px; margin-bottom: 42px; color: #d4d4d4 } .container-2.p2m_header_v2 { padding: 31px 15px; background-color: #fff; color: #d4d4d4 } .sign-up-form { margin-top: 40px } .button-2 { display: block; width: 30%; margin-left: -1px; padding: 4px 29px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; background-color: #a8863d; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; color: #fff; text-decoration: none } .button-2:hover { background-color: #18c7aa } .social-widget-wrapper { display: block; width: 223px; margin-right: auto; margin-left: auto; padding-left: 20px } .social-widget { width: 100px; float: left; -webkit-transition: opacity .3s ease; transition: opacity .3s ease } .field { width: 70%; padding-right: 20px; padding-left: 20px; border: 0 solid #000; border-top-left-radius: 2px; border-bottom-left-radius: 2px; background-color: #fff; box-shadow: inset 0 0 8px 0 transparent; -webkit-transition: box-shadow 150ms ease; transition: box-shadow 150ms ease; color: #806732 } .div-block-2, .image-5, .equal_v2, .mobile_inst, .setga_hidden { float: none; clear: none } .field:focus { box-shadow: inset 0 0 0 2px #b59143 } .section { padding-top: 81px; padding-bottom: 81px } .section.hero { padding-top: 92px; padding-bottom: 11px; background-color: #e4fa97 } .section.hero.p2m { background-color: #383838 } .section.hero.p2m { padding-top: 0; background-color: #fff } .section.grey { padding-top: 60px; padding-bottom: 60px; background-color: #f2f2f2 } .section.the_section { padding-top: 0; padding-bottom: 0 } .stega_title { margin-top: 0; margin-bottom: 78px; font-family: 'Bungee Shade', sans-serif; color: #242424; font-size: 65px; line-height: 65px; font-weight: 400; letter-spacing: 14px } .grey-heading, .stega_subheader { font-family: Ubuntu, Helvetica, sans-serif } .grey-heading, .sub_heading { color: rgba(0, 0, 0, .56); text-transform: none; text-shadow: none } .stega_subheader { margin-bottom: -1px; font-size: 30px; font-weight: 500; letter-spacing: 0 } .grey-heading { margin-top: 40px; margin-bottom: 23px; margin-left: 0 } .paragraph-3.the_text, .paragraph-3.stega_text { padding-right: 25px; padding-left: 25px; /*font-family: Roboto, sans-serif;*/ font-family: 'Lato', sans-serif; font-size: 16px; line-height: 22px; font-weight: 300; text-align: justify } .infinite { margin-top: 52px; opacity: .15 } .paragraph-3.the_text.p2m_results_text, .paragraph-3.the_text.stega_results_text, .paragraph-3.stega_text.p2m_results_text, .paragraph-3.stega_text.stega_results_text { margin-top: 28px; margin-bottom: 17px } .paragraph-3 { font-weight: 300 } .image-7, .sub_heading { text-align: left } .stega_icon { margin: 50px 31px 31px } .stega_movie { width: 100%; margin-top: 20px; margin-bottom: 20px } .youtube { width: 100%; margin-bottom: 10px } .columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .stega_overview_fig { display: inline-block; max-width: 500px; margin-top: auto; margin-bottom: auto } .stega_pipeline_img { margin-top: 30px; margin-bottom: 39px } .sub_heading { margin-top: 40px; margin-bottom: 23px; margin-left: 0; font-family: Ubuntu, Helvetica, sans-serif; font-size: 26px } .div-block-3, .image-7 { margin-right: auto; margin-left: auto } .image-3 { -webkit-transition: opacity .2s ease, -webkit-transform .2s ease; transition: opacity .2s ease, -webkit-transform .2s ease; transition: transform .2s ease, opacity .2s ease; transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease } .div-block-2 { position: relative; left: 56%; top: -41%; right: 0; bottom: 0; width: 17%; height: 100%; padding-top: 2.5%; padding-bottom: 43px } .captions, .stega_example_label { padding-bottom: 0; font-family: Ubuntu, Helvetica, sans-serif; font-size: 18px } .image-5 { position: absolute; left: auto } .setga_hidden { position: static; left: 0; top: -204px; right: 0; bottom: -115% } .div-block-3 { position: relative; width: 100%; max-width: 100%; margin-bottom: 6px } .grid { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto auto auto; grid-template-rows: auto auto auto auto } .stega_example_label { margin-top: -30px; margin-bottom: 27px } .captions, .text-block, .text-block-2 { text-align: center } .captions { margin: -11px auto 0 } .div-block-4, .paper_img { margin-right: auto; margin-left: auto } .grid-2 { margin-top: 45px } .white_section { padding-top: 60px; padding-bottom: 60px } .white_section.video { padding-top: 30px; background-color: #dce9e2 } .section-3 { padding-top: 60px } .text-block { font-size: 24px } .link-2 { /*font-family: Roboto, sans-serif*/ font-family: 'Lato', sans-serif } .stega_affiliation, .stega_authors, .stega_equal, .text-block-2 { font-family: Ubuntu, Helvetica, sans-serif } .text-block-2 { display: inline; font-size: 20px } .bold-text { color: #333 } .sub_header_section { padding-top: 30px; padding-bottom: 15px; background-color: #e3fa9e } .paper_img { max-width: 50%; text-align: left } .div-block-7, .link-block { text-align: center; margin-right: auto; margin-left: auto } .image-8 { max-width: 30%; margin-right: auto; margin-bottom: 1px; margin-left: auto; padding-top: 0 } .image-8.github_icon, .image-8.github_icon { max-width: 20%; margin-top: 15px; margin-bottom: 36px; opacity: .92 } .image-8.github_icon { -webkit-filter: contrast(88%); filter: contrast(88%) } .image-8.github_icon { -webkit-filter: invert(100%) contrast(88%); filter: invert(100%) contrast(88%) } .image-8.github_icon_p2m_v2 { max-width: 30%; margin-top: 6px; margin-bottom: 9px; opacity: .77; -webkit-filter: contrast(88%); filter: contrast(88%) } .link-block { display: block; max-width: 100%; margin-bottom: -14px } .stega_authors { color: #333; font-size: 24px; font-weight: 400; text-decoration: underline } .columns-2 { margin-top: 17px } .text-span { position: relative; top: -7px; display: inline-block; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-size: 19px; text-decoration: none } .stega_equal { position: static; padding-left: 22px; font-size: 15px; text-align: left } .github_logo { position: -webkit-sticky; position: sticky; left: auto; top: 0; right: 0; bottom: auto } .div-block-8, .image-9 { display: none } .stega_affiliation { display: inline; margin-bottom: -1px; font-size: 24px; font-weight: 400; letter-spacing: 0 } .image-8-phone { max-width: 40%; margin-right: auto; margin-left: auto; padding-top: 0 } .image-8-phone.github_icon { max-width: 25%; margin-top: 30px; opacity: .87; -webkit-filter: contrast(88%); filter: contrast(88%) } .image_phone_github { display: none } .p2m_authors, .p2m_subheader { font-family: 'Lato', sans-serif; } .bold-text-p2m, .p2m_authors, .equal { color: #d4d4d4 } .p2m_subheader { margin-bottom: 29px; font-size: 25px; line-height: 44px; font-weight: 500; letter-spacing: 0 } .p2m_authors { font-size: 20px; font-weight: 400; text-decoration: underline } .p2m_affiliation { display: inline; margin-bottom: -1px; font-family: Ubuntu, Helvetica, sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 0 } .bold-text-p2m, .equal, .equal_v2 { font-family: 'Lato', sans-serif } .p2m_authors_list { margin-top: 17px; line-height: 15px } .equal { position: static; padding-bottom: 10px; padding-left: 22px; font-size: 15px; text-align: left } .html-embed-2 { width: 100%; height: 100%; -o-object-fit: fill; object-fit: fill } .div-block-9 { overflow: visible; width: 98%; height: 100%; margin-right: auto; margin-left: auto } .div-block-9.first_video, .div-block-9.last_block { height: 98%; position: absolute; top: 0; right: 0; bottom: 0 } .div-block-9.last_block { left: 101% } .div-block-9.first_video { left: -200%; width: 100% } .video_class { width: auto; height: 100%; margin-right: auto; margin-left: auto } .video_class.last_video { position: absolute; left: 52%; top: 0; right: 0; bottom: 0 } .video_class.mobile { display: none } .slider-2 { overflow: hidden; height: 500px } .mask { overflow: visible; width: 40%; margin-right: auto; margin-left: auto } .p2m_slider_v2 { overflow: hidden; height: 60%; margin: 5px -15px 0; padding-bottom: 36px; background-color: rgba(56, 56, 56, 0) } .link_column_p2m { margin-top: 32px } .equal_v2 { position: static; display: inline; margin-right: 0; margin-left: 0; padding-top: 5px; padding-left: 0; color: #333; font-size: 18px; line-height: 25px; text-align: left } .icon-bold-text, .authors { font-family: 'Lato', sans-serif; /*font-family: 'Open Sans', sans-serif;*/ font-size: 20px; /*color: #4cacdc*/ color: #04948c } .grey_container { background-color: #f2f2f2 } .white_section { padding-top: 0; padding-bottom: 0 } .white_section.video { padding-top: 30px; background-color: #dce9e2 } .authors { font-weight: 400; text-decoration: underline } .text-span_p2m, .text-span_p2m_star { top: -7px; padding-bottom: 0; text-decoration: none } .p2m_affiliation_v2 { display: inline; margin-bottom: -1px; font-family: Ubuntu, Helvetica, sans-serif; color: #333; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: 0 } .subheader { margin-top: 0; margin-bottom: 29px; font-family: 'Lato', sans-serif; /*color: #333;*/ color: #18446c; font-size: 28px; line-height: 44px; font-weight: 500; letter-spacing: 0 } .title { margin-top: 0; margin-bottom: 0; font-family: 'Lato', sans-serif; /*color: #4d4d4d;*/ /*color: #18446c;*/ color: #0c447c; font-size: 50px; line-height: 65px; font-weight: 700; letter-spacing: 4px } .grey-heading { margin-top: 40px; margin-bottom: 23px; margin-left: 25px; font-family: Ubuntu, Helvetica, sans-serif; /*color: rgba(0, 0, 0, .56);*/ color: #18446c; font-size: 28px; text-align: left; text-transform: none; text-shadow: none } .p2m_authors_list_single { margin-bottom: 5px; line-height: 15px } .text-span_p2m { position: relative; display: none; margin-top: 0; margin-bottom: 0; padding-top: 0; font-size: 12px } .link_column_v2, .paper_code_p2m { display: inline-block; width: 80% } .image-8_p2m { max-width: 35%; margin-right: auto; margin-bottom: 1px; margin-left: auto; padding-top: 0 } .image-8_p2m.github_icon, .image-8_p2m.github_icon { max-width: 20%; margin-top: 15px; margin-bottom: 36px; opacity: .92 } .image-8_p2m.github_icon { -webkit-filter: contrast(88%); filter: contrast(88%) } .image-8_p2m.github_icon { -webkit-filter: invert(100%) contrast(88%); filter: invert(100%) contrast(88%) } .image-8_p2m.p2m_db_icon { max-width: 30%; margin-top: 5px; opacity: .62 } .link_column_v2 { margin-top: 0px } .slide { overflow: visible; background-color: #fff } .columns-5 { padding-right: 10px; padding-left: 10px } .mobile_inst { position: static; display: inline; margin-right: 0; margin-left: 0; padding-top: 17px; padding-left: 0; /*font-family: 'Open Sans', sans-serif;*/ font-family: 'Lato', sans-serif; color: #333; font-size: 12px; line-height: 25px; text-align: left } .columns-6 { display: none } .text-span_p2m_star { position: relative; display: inline-block; margin-top: 0; margin-bottom: 0; padding-top: 0; font-size: 10px } .div-block-10 { padding-top: 12px } @media screen and (max-width: 991px) { .big-image-section { margin-top: 31px; background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png) } .projects-slide { background-size: auto } .paragraph.hack_line_break { display: none } .proj_video.time_video { margin-top: 0 } .equal, .equal_v2, .stega_equal { margin-top: 20px } .button-2 { width: 30% } .field { width: 70% } .text-block-2 { display: inline } .column { padding-right: 0; padding-left: 0 } .video_class { display: none } .video_class.mobile { display: block } .equal_v2 { font-size: 10px } .authors { font-size: 11px; line-height: 10px } .p2m_affiliation_v2 { font-size: 10px; line-height: 16px } .subheader { margin-bottom: 9px } .p2m_authors_list_single { margin-bottom: 0; line-height: 0 } .link_column_v2 { margin-top: 5px } .mobile_inst { margin-top: 20px } .text-span_p2m_star { font-size: 8px } .div-block-10 { margin-top: 12px; padding-top: 0 } } @media screen and (max-width: 767px) { .content-row.footer, .header-row, .number { text-align: center } .image-2, .iphone { display: block; float: none } h1 { font-size: 81px } h2 { margin-bottom: 20px; font-size: 31px } .nav-link.contact { margin-top: 24px } .solid-bar { margin-top: -1px } .big-image-section { width: 100%; background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png) } .big-image-section.about-me-header { margin-top: -71px } .white-bar { width: 70% } .number { margin-bottom: 44px; font-size: 35px } .project-image { width: 100% } .date { margin-bottom: 19px } .logo { margin-bottom: 33px } .about-me-text { margin-top: 107px } .projects-slide { background-size: auto } .projects-text { text-align: left } .guy { height: auto } .iphone { margin-right: auto; margin-left: auto } .paragraph.hack_line_break { display: block } .pub_image { max-width: 100% } .div-block-3, .grid, .setga_hidden, .stega_pipeline_img { max-width: 90% } .paragraph-2.pub_para { line-height: 22px } .row_pub { margin-right: 20px; margin-left: 20px } .image-2 { margin-right: auto; margin-left: auto } .container-2 { padding-right: 33px; padding-bottom: 1px; padding-left: 33px } .container-2.p2m_header_v2 { padding-top: 10px } .button-2 { width: 40% } .field { width: 60% } .section.hero { padding-top: 26px; padding-bottom: 2px } .section.grey, .section.the_section { padding-top: 0; padding-bottom: 30px } .stega_title { margin-bottom: 49px; font-size: 8vw } .stega_subheader { margin-bottom: -13px; font-size: 4vw } .grey-heading { margin-top: 30px; margin-bottom: 10px; font-size: 4vw } .stega_authors, .sub_heading { font-size: 3vw } .stega_icon { margin: 21px 0 0 } .stega_overview_fig { max-width: 90%; padding-bottom: 0 } .stega_pipeline_img { position: static; margin: 15px auto 28px; text-align: left } .div-block-5, .text-block-2 { text-align: center } .sub_heading { margin-top: 20px; margin-bottom: 16px; margin-left: 24px } .div-block-5, .div-block-6, .grid, .grid-2 { margin-right: auto; margin-left: auto } .div-block-2 { padding-bottom: 17px } .equal, .equal_v2, .mobile_inst, .stega_equal { padding-bottom: 8px } .grid-2 { max-width: 95%; margin-top: 0 } .white_section, .white_section.video { padding-top: 0 } .container-3 { margin-bottom: 37px } .div-block-6 { max-width: 25% } .container-4 { padding-top: 20px } .image-8, .image-8_p2m, .sub_header_section, .white_section, .white_section.video { padding-top: 0 } .text-block-2 { display: inline-block } .bold-text { display: inline } .image-8 { max-width: 45%; margin-bottom: 40px } .image-8.github_icon_p2m_v2 { margin-top: 9px } .text-span { font-size: 2vw } .github_logo { display: none } .column { margin-top: 0 } .image-9 { position: static; display: inline-block; max-width: 90%; margin: 8px 10px 13px; -webkit-filter: contrast(73%); filter: contrast(73%) } .div-block-8 { display: block; margin-top: 20px } .link-block-2 { max-width: 30%; margin-right: 16px } .stega_affiliation { margin-bottom: -13px; font-size: 4vw } .image-8-phone { max-width: 100%; margin-bottom: 0; margin-left: 9px; padding-top: 0 } .image_phone_github { position: static; display: inline-block; max-width: 40%; margin-top: 8px; margin-right: 10px; margin-bottom: 13px; -webkit-filter: contrast(73%); filter: contrast(73%) } .columns-3, .columns-4 { display: none } .p2m_authors { font-size: 3vw } .p2m_affiliation { margin-bottom: -13px; font-size: 4vw } .bold-text-p2m { display: inline } .link_column_p2m { display: none } .equal_v2 { font-size: 2vw; line-height: 10px } .icon-bold-text { display: inline; font-size: 2vw } .authors { font-size: 2vw; line-height: 3.3vw } .p2m_affiliation_v2 { margin-bottom: -13px; font-size: 4vw } .subheader { margin-bottom: 7px; font-size: 3vw; line-height: 4vw } .div-block-10, .p2m_authors_list_single { line-height: 0 } .title { margin-bottom: 1px; font-size: 6vw } .grey-heading { margin-top: 30px; margin-bottom: 10px; font-size: 4vw } .p2m_authors_list_single.p2m_authors_affiliation { display: none } .columns-6, .link_column_v2, .paper_code_p2m, .text-span_p2m { display: inline-block } .text-span_p2m { top: -5px; font-size: 1.5vw } .image-8_p2m { max-width: 45%; margin-bottom: 9px } .image-8_p2m.p2m_db_icon { margin-top: 10px; margin-bottom: 10px } .mobile_inst { font-size: 2vw } .columns-6 { width: 100%; padding-top: 8px } .text-span_p2m_star { top: -5px; display: none; font-size: 2vw } .div-block-10 { margin-top: 0 } } #w-node-66615b43b513-64fa863e, #w-node-ac7c80dba393-64fa863e { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2 } #w-node-36366b9dbcb2-64fa863e, #w-node-6ab1577f00ab-64fa863e { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2 } #w-node-e80884ffd5de-64fa863e { -ms-grid-column-span: 1; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2 } #w-node-9c2eeb0f55f3-64fa863e { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row-span: 1 } #w-node-3fd6c27963f0-64fa863e, #w-node-f172e4fdbcf9-64fa863e { -ms-grid-column-span: 1; -ms-grid-row-span: 1 } #w-node-1cb605591b2c-64fa863e { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row-span: 1 } #w-node-0c2b7ac3257b-64fa863e, #w-node-cc09a898c4fe-64fa863e { -ms-grid-column-span: 1; -ms-grid-row-span: 1 } #w-node-c76dcfc62cf8-64fa863e { -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 2 } @media screen and (max-width: 479px) { .p2m_title, .title, .stega_title { letter-spacing: 3vw } h1 { font-size: 52px } .big-image-section { background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png) } .number { text-align: center } .number.pub_title { font-size: 5vw; text-align: left } .about-me-text, .name, .projects-text { text-align: center } .name { margin-top: 22px } .about-me-text { margin-top: 18px; color: #636363 } .projects-slide { background-position: 50% 50%; background-size: auto } .projects-text { margin-top: 30px; padding-left: 0 } .guy { height: auto } .links { display: block; margin-right: 38px; margin-left: auto; padding-right: 0; float: left; clear: right; line-height: 25px; text-align: left } .coming-soon.names { font-size: 3.5vw } .pub_image { max-width: 100% } .paragraph-2.pub_para { font-size: 13px; line-height: 18px; font-weight: 300 } .row_pub { margin-right: 15px; margin-left: 15px } .container { padding-right: 14px } .container-2 { padding-right: 10px; padding-left: 10px } .container-2.p2m_header_v2 { padding-top: 10px; padding-bottom: 0 } .button-2 { width: 100%; margin-left: 0; border-top-left-radius: 2px; border-bottom-left-radius: 2px } .social-widget-wrapper { display: block; width: 194px; margin-right: auto; margin-bottom: 15px; margin-left: auto } .social-widget { width: 96px } .field { width: 100%; border-top-right-radius: 2px; border-bottom-right-radius: 2px; text-align: center } .section { padding-top: 47px; padding-bottom: 47px } .section.hero { padding-bottom: 2px } .section.grey { padding-bottom: 30px } .section.the_section { padding-bottom: 0 } .sub_header_section, .white_section { padding-bottom: 30px } .stega_title { margin-right: auto; margin-left: auto } .grey-heading { margin-top: 20px; margin-bottom: 5px; text-shadow: none } .paragraph-3.the_text, .paragraph-3.stega_text { font-size: 10px; line-height: 14px; text-align: justify } .paragraph-3.the_text.p2m_results_text { margin-top: 0; margin-bottom: 5px } .stega_icon { margin: 17px 0 0 } .div-block-6, .p2m_title { margin-right: auto; margin-left: auto } .sub_heading { margin-top: 0; margin-bottom: 0; text-shadow: none } .stega_example_label { font-size: 3vw } .grid-2 { margin-top: 10px } .link-2 { font-size: 16px } .section-4 { padding-top: 0 } .div-block-6 { max-width: 30% } .bold-text { font-size: 4vw } .stega_equal { margin-top: 11px; font-size: 3vw } .github_logo { display: none } .div-block-8 { margin-top: 32px; margin-bottom: -14px } .bold-text-p2m { font-size: 4vw } .equal { margin-top: 11px; font-size: 3vw } .equal_v2 { margin-top: 11px; float: none; font-size: 3vw } .white_section { padding-bottom: 0 } .icon-bold-text { font-size: 3vw } .authors { float: none; font-size: 3vw; text-align: center; text-decoration: none } .p2m_affiliation_v2 { position: static; left: auto; top: 0; right: 0; bottom: auto; float: none; clear: none; font-family: 'Lato', sans-serif; /*font-family: 'Open Sans', sans-serif;*/ font-size: 3vw; line-height: 15px; text-align: left; text-decoration: none } .subheader { margin-bottom: 10px; font-size: 4vw; line-height: 5vw } .title { margin: -10px auto -14px; font-size: 8vw } .grey-heading { margin-top: 20px; margin-bottom: 5px; text-shadow: none } .p2m_authors_list_single { position: static; width: 100%; padding-left: 0; float: none; clear: none; font-size: 3vw; line-height: 5vw; text-align: center; -o-object-fit: fill; object-fit: fill } .p2m_authors_list_single.p2m_authors_affiliation { display: none; margin-bottom: 8px; padding-right: 25px; padding-left: 0; text-align: right } .text-span_p2m { display: inline; margin-bottom: -20px; text-decoration: none } .link_column_v2 { display: inline-block; overflow: visible; width: 100% } .paper_code_p2m { display: inline-block; width: 100% } .p2m_slide_nav { overflow: visible } .mobile_inst { margin-top: 11px; float: none; font-size: 3vw; line-height: 1vw } .p2m_mobile_col_inst { padding-right: 0; padding-left: 0 } .columns-6 { display: inline-block; width: 100% } .text-span_p2m_star { display: none; margin-bottom: -20px } .column-2 { display: inline-block } #w-node-0c2b7ac3257b-64fa863e, #w-node-cc09a898c4fe-64fa863e { -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 4; -ms-grid-column-span: 1; -ms-grid-row-span: 1 } #w-node-cc09a898c4fe-64fa863e { -ms-grid-column: 2; grid-column-start: 2; grid-column-end: 3 } #w-node-0c2b7ac3257b-64fa863e { -ms-grid-column: 3; grid-column-start: 3; grid-column-end: 4 } #w-node-c76dcfc62cf8-64fa863e { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-row: 4; grid-row-start: 4; -ms-grid-row-span: 1; grid-row-end: 5 } } .row { float:left; width: 100%; overflow: auto; white-space: nowrap; } .cell { display: inline-block; width: 200px; height: 100px; } .text-primary { color: #0c447c !important; } .text-primary:hover { color: #4cacdc !important; opacity: 1.0; } .center { display: block; width: 100%; text-align: center }