diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..9bea433
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+
+.DS_Store
diff --git a/index.html b/index.html
index f010409..77b7bac 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,90 @@
-
+
+
+
+
+
+ nitrada — the beauty of max for live
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-Hello World
-I'm hosted with GitHub Pages.
+
+
+
+
+
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..5a1b989
--- /dev/null
+++ b/style.css
@@ -0,0 +1,3482 @@
+html {
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ font-family: sans-serif;
+}
+
+body {
+ margin: 0;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+ display: block;
+}
+
+audio,
+canvas,
+progress,
+video {
+ vertical-align: baseline;
+ display: inline-block;
+}
+
+audio:not([controls]) {
+ height: 0;
+ display: none;
+}
+
+[hidden],
+template {
+ display: none;
+}
+
+a {
+ background-color: #0000;
+}
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+b,
+strong {
+ font-weight: bold;
+}
+
+dfn {
+ font-style: italic;
+}
+
+h1 {
+ margin: .67em 0;
+ font-size: 2em;
+}
+
+mark {
+ color: #000;
+ background: #ff0;
+}
+
+small {
+ font-size: 80%;
+}
+
+sub,
+sup {
+ vertical-align: baseline;
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+}
+
+sup {
+ top: -.5em;
+}
+
+sub {
+ bottom: -.25em;
+}
+
+img {
+ border: 0;
+}
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+hr {
+ box-sizing: content-box;
+ height: 0;
+}
+
+pre {
+ overflow: auto;
+}
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace;
+ font-size: 1em;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit;
+ font: inherit;
+ margin: 0;
+}
+
+button {
+ overflow: visible;
+}
+
+button,
+select {
+ text-transform: none;
+}
+
+button,
+html input[type="button"],
+input[type="reset"] {
+ -webkit-appearance: button;
+ cursor: pointer;
+}
+
+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;
+}
+
+textarea {
+ overflow: auto;
+}
+
+optgroup {
+ font-weight: bold;
+}
+
+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,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") format("truetype");
+ font-weight: normal;
+ font-style: normal;
+}
+
+[class^="w-icon-"],
+[class*=" w-icon-"] {
+ speak: none;
+ font-variant: normal;
+ text-transform: none;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1;
+ font-family: webflow-icons !important;
+}
+
+.w-icon-slider-right:before {
+ content: "";
+}
+
+.w-icon-slider-left:before {
+ content: "î˜";
+}
+
+.w-icon-nav-menu:before {
+ content: "";
+}
+
+.w-icon-arrow-down:before,
+.w-icon-dropdown-toggle:before {
+ content: "";
+}
+
+.w-icon-file-upload-remove:before {
+ content: "";
+}
+
+.w-icon-file-upload-icon:before {
+ content: "";
+}
+
+* {
+ box-sizing: border-box;
+}
+
+html {
+ height: 100%;
+}
+
+body {
+ color: #333;
+ background-color: #fff;
+ min-height: 100%;
+ margin: 0;
+ font-family: Arial, sans-serif;
+ font-size: 14px;
+ line-height: 20px;
+}
+
+img {
+ vertical-align: middle;
+ max-width: 100%;
+ display: inline-block;
+}
+
+html.w-mod-touch * {
+ background-attachment: scroll !important;
+}
+
+.w-block {
+ display: block;
+}
+
+.w-inline-block {
+ max-width: 100%;
+ display: inline-block;
+}
+
+.w-clearfix:before,
+.w-clearfix:after {
+ content: " ";
+ grid-area: 1 / 1 / 2 / 2;
+ display: table;
+}
+
+.w-clearfix:after {
+ clear: both;
+}
+
+.w-hidden {
+ display: none;
+}
+
+.w-button {
+ color: #fff;
+ line-height: inherit;
+ cursor: pointer;
+ background-color: #3898ec;
+ border: 0;
+ border-radius: 0;
+ padding: 9px 15px;
+ text-decoration: none;
+ display: inline-block;
+}
+
+input.w-button {
+ -webkit-appearance: button;
+}
+
+html[data-w-dynpage] [data-w-cloak] {
+ color: #0000 !important;
+}
+
+.w-code-block {
+ margin: unset;
+}
+
+pre.w-code-block code {
+ all: inherit;
+}
+
+.w-optimization {
+ display: contents;
+}
+
+.w-webflow-badge,
+.w-webflow-badge * {
+ z-index: auto;
+ visibility: visible;
+ box-sizing: border-box;
+ float: none;
+ clear: none;
+ box-shadow: none;
+ opacity: 1;
+ 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;
+ -webkit-text-decoration: inherit;
+ text-decoration: inherit;
+ text-indent: 0;
+ text-transform: inherit;
+ text-shadow: none;
+ font-smoothing: auto;
+ vertical-align: baseline;
+ cursor: inherit;
+ white-space: inherit;
+ word-break: normal;
+ word-spacing: normal;
+ word-wrap: normal;
+ background: none;
+ border: 0 #0000;
+ border-radius: 0;
+ width: auto;
+ min-width: 0;
+ max-width: none;
+ height: auto;
+ min-height: 0;
+ max-height: none;
+ margin: 0;
+ padding: 0;
+ list-style-type: disc;
+ transition: none;
+ display: block;
+ position: static;
+ inset: auto;
+ overflow: visible;
+ transform: none;
+}
+
+.w-webflow-badge {
+ white-space: nowrap;
+ cursor: pointer;
+ box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
+ visibility: visible !important;
+ z-index: 2147483647 !important;
+ color: #aaadb0 !important;
+ opacity: 1 !important;
+ background-color: #fff !important;
+ border-radius: 3px !important;
+ width: auto !important;
+ height: auto !important;
+ margin: 0 !important;
+ padding: 6px !important;
+ font-size: 12px !important;
+ line-height: 14px !important;
+ text-decoration: none !important;
+ display: inline-block !important;
+ position: fixed !important;
+ inset: auto 12px 12px auto !important;
+ overflow: visible !important;
+ transform: none !important;
+}
+
+.w-webflow-badge>img {
+ visibility: visible !important;
+ opacity: 1 !important;
+ vertical-align: middle !important;
+ display: inline-block !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin-bottom: 10px;
+ font-weight: bold;
+}
+
+h1 {
+ margin-top: 20px;
+ font-size: 38px;
+ line-height: 44px;
+}
+
+h2 {
+ margin-top: 20px;
+ font-size: 32px;
+ line-height: 36px;
+}
+
+h3 {
+ margin-top: 20px;
+ font-size: 24px;
+ line-height: 30px;
+}
+
+h4 {
+ margin-top: 10px;
+ font-size: 18px;
+ line-height: 24px;
+}
+
+h5 {
+ margin-top: 10px;
+ font-size: 14px;
+ line-height: 20px;
+}
+
+h6 {
+ margin-top: 10px;
+ font-size: 12px;
+ line-height: 18px;
+}
+
+p {
+ margin-top: 0;
+ margin-bottom: 10px;
+}
+
+blockquote {
+ border-left: 5px solid #e2e2e2;
+ margin: 0 0 10px;
+ padding: 10px 20px;
+ font-size: 18px;
+ line-height: 22px;
+}
+
+figure {
+ margin: 0 0 10px;
+}
+
+figcaption {
+ text-align: center;
+ margin-top: 5px;
+}
+
+ul,
+ol {
+ margin-top: 0;
+ margin-bottom: 10px;
+ padding-left: 40px;
+}
+
+.w-list-unstyled {
+ padding-left: 0;
+ list-style: none;
+}
+
+.w-embed:before,
+.w-embed:after {
+ content: " ";
+ grid-area: 1 / 1 / 2 / 2;
+ display: table;
+}
+
+.w-embed:after {
+ clear: both;
+}
+
+.w-video {
+ width: 100%;
+ padding: 0;
+ position: relative;
+}
+
+.w-video iframe,
+.w-video object,
+.w-video embed {
+ border: none;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+
+fieldset {
+ border: 0;
+ margin: 0;
+ padding: 0;
+}
+
+button,
+[type="button"],
+[type="reset"] {
+ cursor: pointer;
+ -webkit-appearance: button;
+ border: 0;
+}
+
+.w-form {
+ margin: 0 0 15px;
+}
+
+.w-form-done {
+ text-align: center;
+ background-color: #ddd;
+ padding: 20px;
+ display: none;
+}
+
+.w-form-fail {
+ background-color: #ffdede;
+ margin-top: 10px;
+ padding: 10px;
+ display: none;
+}
+
+label {
+ margin-bottom: 5px;
+ font-weight: bold;
+ display: block;
+}
+
+.w-input,
+.w-select {
+ color: #333;
+ vertical-align: middle;
+ background-color: #fff;
+ border: 1px solid #ccc;
+ width: 100%;
+ height: 38px;
+ margin-bottom: 10px;
+ padding: 8px 12px;
+ font-size: 14px;
+ line-height: 1.42857;
+ display: block;
+}
+
+.w-input::placeholder,
+.w-select::placeholder {
+ color: #999;
+}
+
+.w-input:focus,
+.w-select:focus {
+ border-color: #3898ec;
+ outline: 0;
+}
+
+.w-input[disabled],
+.w-select[disabled],
+.w-input[readonly],
+.w-select[readonly],
+fieldset[disabled] .w-input,
+fieldset[disabled] .w-select {
+ cursor: not-allowed;
+}
+
+.w-input[disabled]:not(.w-input-disabled),
+.w-select[disabled]:not(.w-input-disabled),
+.w-input[readonly],
+.w-select[readonly],
+fieldset[disabled]:not(.w-input-disabled) .w-input,
+fieldset[disabled]:not(.w-input-disabled) .w-select {
+ background-color: #eee;
+}
+
+textarea.w-input,
+textarea.w-select {
+ height: auto;
+}
+
+.w-select {
+ background-color: #f3f3f3;
+}
+
+.w-select[multiple] {
+ height: auto;
+}
+
+.w-form-label {
+ cursor: pointer;
+ margin-bottom: 0;
+ font-weight: normal;
+ display: inline-block;
+}
+
+.w-radio {
+ margin-bottom: 5px;
+ padding-left: 20px;
+ display: block;
+}
+
+.w-radio:before,
+.w-radio:after {
+ content: " ";
+ grid-area: 1 / 1 / 2 / 2;
+ display: table;
+}
+
+.w-radio:after {
+ clear: both;
+}
+
+.w-radio-input {
+ float: left;
+ margin: 3px 0 0 -20px;
+ line-height: normal;
+}
+
+.w-file-upload {
+ margin-bottom: 10px;
+ display: block;
+}
+
+.w-file-upload-input {
+ opacity: 0;
+ z-index: -100;
+ width: .1px;
+ height: .1px;
+ position: absolute;
+ overflow: hidden;
+}
+
+.w-file-upload-default,
+.w-file-upload-uploading,
+.w-file-upload-success {
+ color: #333;
+ display: inline-block;
+}
+
+.w-file-upload-error {
+ margin-top: 10px;
+ display: block;
+}
+
+.w-file-upload-default.w-hidden,
+.w-file-upload-uploading.w-hidden,
+.w-file-upload-error.w-hidden,
+.w-file-upload-success.w-hidden {
+ display: none;
+}
+
+.w-file-upload-uploading-btn {
+ cursor: pointer;
+ background-color: #fafafa;
+ border: 1px solid #ccc;
+ margin: 0;
+ padding: 8px 12px;
+ font-size: 14px;
+ font-weight: normal;
+ display: flex;
+}
+
+.w-file-upload-file {
+ background-color: #fafafa;
+ border: 1px solid #ccc;
+ flex-grow: 1;
+ justify-content: space-between;
+ margin: 0;
+ padding: 8px 9px 8px 11px;
+ display: flex;
+}
+
+.w-file-upload-file-name {
+ font-size: 14px;
+ font-weight: normal;
+ display: block;
+}
+
+.w-file-remove-link {
+ cursor: pointer;
+ width: auto;
+ height: auto;
+ margin-top: 3px;
+ margin-left: 10px;
+ padding: 3px;
+ display: block;
+}
+
+.w-icon-file-upload-remove {
+ margin: auto;
+ font-size: 10px;
+}
+
+.w-file-upload-error-msg {
+ color: #ea384c;
+ padding: 2px 0;
+ display: inline-block;
+}
+
+.w-file-upload-info {
+ padding: 0 12px;
+ line-height: 38px;
+ display: inline-block;
+}
+
+.w-file-upload-label {
+ cursor: pointer;
+ background-color: #fafafa;
+ border: 1px solid #ccc;
+ margin: 0;
+ padding: 8px 12px;
+ font-size: 14px;
+ font-weight: normal;
+ display: inline-block;
+}
+
+.w-icon-file-upload-icon,
+.w-icon-file-upload-uploading {
+ width: 20px;
+ margin-right: 8px;
+ display: inline-block;
+}
+
+.w-icon-file-upload-uploading {
+ height: 20px;
+}
+
+.w-container {
+ max-width: 940px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.w-container:before,
+.w-container:after {
+ content: " ";
+ grid-area: 1 / 1 / 2 / 2;
+ display: table;
+}
+
+.w-container:after {
+ clear: both;
+}
+
+.w-container .w-row {
+ margin-left: -10px;
+ margin-right: -10px;
+}
+
+.w-row:before,
+.w-row:after {
+ content: " ";
+ grid-area: 1 / 1 / 2 / 2;
+ display: table;
+}
+
+.w-row:after {
+ clear: both;
+}
+
+.w-row .w-row {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+.w-col {
+ float: left;
+ width: 100%;
+ min-height: 1px;
+ padding-left: 10px;
+ padding-right: 10px;
+ position: relative;
+}
+
+.w-col .w-col {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.w-col-1 {
+ width: 8.33333%;
+}
+
+.w-col-2 {
+ width: 16.6667%;
+}
+
+.w-col-3 {
+ width: 25%;
+}
+
+.w-col-4 {
+ width: 33.3333%;
+}
+
+.w-col-5 {
+ width: 41.6667%;
+}
+
+.w-col-6 {
+ width: 50%;
+}
+
+.w-col-7 {
+ width: 58.3333%;
+}
+
+.w-col-8 {
+ width: 66.6667%;
+}
+
+.w-col-9 {
+ width: 75%;
+}
+
+.w-col-10 {
+ width: 83.3333%;
+}
+
+.w-col-11 {
+ width: 91.6667%;
+}
+
+.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.33333%;
+ }
+ .w-col-medium-2 {
+ width: 16.6667%;
+ }
+ .w-col-medium-3 {
+ width: 25%;
+ }
+ .w-col-medium-4 {
+ width: 33.3333%;
+ }
+ .w-col-medium-5 {
+ width: 41.6667%;
+ }
+ .w-col-medium-6 {
+ width: 50%;
+ }
+ .w-col-medium-7 {
+ width: 58.3333%;
+ }
+ .w-col-medium-8 {
+ width: 66.6667%;
+ }
+ .w-col-medium-9 {
+ width: 75%;
+ }
+ .w-col-medium-10 {
+ width: 83.3333%;
+ }
+ .w-col-medium-11 {
+ width: 91.6667%;
+ }
+ .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-row,
+ .w-container .w-row {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .w-col {
+ width: 100%;
+ left: auto;
+ right: auto;
+ }
+ .w-col-small-1 {
+ width: 8.33333%;
+ }
+ .w-col-small-2 {
+ width: 16.6667%;
+ }
+ .w-col-small-3 {
+ width: 25%;
+ }
+ .w-col-small-4 {
+ width: 33.3333%;
+ }
+ .w-col-small-5 {
+ width: 41.6667%;
+ }
+ .w-col-small-6 {
+ width: 50%;
+ }
+ .w-col-small-7 {
+ width: 58.3333%;
+ }
+ .w-col-small-8 {
+ width: 66.6667%;
+ }
+ .w-col-small-9 {
+ width: 75%;
+ }
+ .w-col-small-10 {
+ width: 83.3333%;
+ }
+ .w-col-small-11 {
+ width: 91.6667%;
+ }
+ .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.33333%;
+ }
+ .w-col-tiny-2 {
+ width: 16.6667%;
+ }
+ .w-col-tiny-3 {
+ width: 25%;
+ }
+ .w-col-tiny-4 {
+ width: 33.3333%;
+ }
+ .w-col-tiny-5 {
+ width: 41.6667%;
+ }
+ .w-col-tiny-6 {
+ width: 50%;
+ }
+ .w-col-tiny-7 {
+ width: 58.3333%;
+ }
+ .w-col-tiny-8 {
+ width: 66.6667%;
+ }
+ .w-col-tiny-9 {
+ width: 75%;
+ }
+ .w-col-tiny-10 {
+ width: 83.3333%;
+ }
+ .w-col-tiny-11 {
+ width: 91.6667%;
+ }
+ .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 {
+ text-align: center;
+}
+
+.w-widget-map .gm-style-iw>button {
+ display: none !important;
+}
+
+.w-widget-twitter {
+ overflow: hidden;
+}
+
+.w-widget-twitter-count-shim {
+ vertical-align: top;
+ text-align: center;
+ background: #fff;
+ border: 1px solid #758696;
+ border-radius: 3px;
+ width: 28px;
+ height: 20px;
+ display: inline-block;
+ position: relative;
+}
+
+.w-widget-twitter-count-shim * {
+ pointer-events: none;
+ -webkit-user-select: none;
+ user-select: none;
+}
+
+.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
+ text-align: center;
+ color: #999;
+ font-family: serif;
+ font-size: 15px;
+ line-height: 12px;
+ position: relative;
+}
+
+.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
+ display: block;
+ position: relative;
+}
+
+.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):before,
+.w-widget-twitter-count-shim:not(.w--vertical):after {
+ content: " ";
+ pointer-events: none;
+ border: solid #0000;
+ width: 0;
+ height: 0;
+ position: absolute;
+ top: 50%;
+ left: 0;
+}
+
+.w-widget-twitter-count-shim:not(.w--vertical):before {
+ border-width: 4px;
+ border-color: #75869600 #5d6c7b #75869600 #75869600;
+ margin-top: -4px;
+ margin-left: -9px;
+}
+
+.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
+ border-width: 5px;
+ margin-top: -5px;
+ margin-left: -10px;
+}
+
+.w-widget-twitter-count-shim:not(.w--vertical):after {
+ border-width: 4px;
+ border-color: #fff0 #fff #fff0 #fff0;
+ margin-top: -4px;
+ margin-left: -8px;
+}
+
+.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
+ border-width: 5px;
+ margin-top: -5px;
+ margin-left: -9px;
+}
+
+.w-widget-twitter-count-shim.w--vertical {
+ width: 61px;
+ height: 33px;
+ margin-bottom: 8px;
+}
+
+.w-widget-twitter-count-shim.w--vertical:before,
+.w-widget-twitter-count-shim.w--vertical:after {
+ content: " ";
+ pointer-events: none;
+ border: solid #0000;
+ width: 0;
+ height: 0;
+ position: absolute;
+ top: 100%;
+ left: 50%;
+}
+
+.w-widget-twitter-count-shim.w--vertical:before {
+ border-width: 5px;
+ border-color: #5d6c7b #75869600 #75869600;
+ margin-left: -5px;
+}
+
+.w-widget-twitter-count-shim.w--vertical:after {
+ border-width: 4px;
+ border-color: #fff #fff0 #fff0;
+ 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 {
+ color: #fff;
+ height: 500px;
+ position: relative;
+ overflow: hidden;
+}
+
+.w-background-video>video {
+ object-fit: cover;
+ z-index: -100;
+ background-position: 50%;
+ background-size: cover;
+ width: 100%;
+ height: 100%;
+ margin: auto;
+ position: absolute;
+ inset: -100%;
+}
+
+.w-background-video>video::-webkit-media-controls-start-playback-button {
+ -webkit-appearance: none;
+ display: none !important;
+}
+
+.w-background-video--control {
+ background-color: #0000;
+ padding: 0;
+ position: absolute;
+ bottom: 1em;
+ right: 1em;
+}
+
+.w-background-video--control>[hidden] {
+ display: none !important;
+}
+
+.w-slider {
+ text-align: center;
+ clear: both;
+ -webkit-tap-highlight-color: #0000;
+ tap-highlight-color: #0000;
+ background: #ddd;
+ height: 300px;
+ position: relative;
+}
+
+.w-slider-mask {
+ z-index: 1;
+ white-space: nowrap;
+ height: 100%;
+ display: block;
+ position: relative;
+ left: 0;
+ right: 0;
+ overflow: hidden;
+}
+
+.w-slide {
+ vertical-align: top;
+ white-space: normal;
+ text-align: left;
+ width: 100%;
+ height: 100%;
+ display: inline-block;
+ position: relative;
+}
+
+.w-slider-nav {
+ z-index: 2;
+ text-align: center;
+ -webkit-tap-highlight-color: #0000;
+ tap-highlight-color: #0000;
+ height: 40px;
+ margin: auto;
+ padding-top: 10px;
+ position: absolute;
+ inset: auto 0 0;
+}
+
+.w-slider-nav.w-round>div {
+ border-radius: 100%;
+}
+
+.w-slider-nav.w-num>div {
+ font-size: inherit;
+ line-height: inherit;
+ width: auto;
+ height: auto;
+ padding: .2em .5em;
+}
+
+.w-slider-nav.w-shadow>div {
+ box-shadow: 0 0 3px #3336;
+}
+
+.w-slider-nav-invert {
+ color: #fff;
+}
+
+.w-slider-nav-invert>div {
+ background-color: #2226;
+}
+
+.w-slider-nav-invert>div.w-active {
+ background-color: #222;
+}
+
+.w-slider-dot {
+ cursor: pointer;
+ background-color: #fff6;
+ width: 1em;
+ height: 1em;
+ margin: 0 3px .5em;
+ transition: background-color .1s, color .1s;
+ display: inline-block;
+ position: relative;
+}
+
+.w-slider-dot.w-active {
+ background-color: #fff;
+}
+
+.w-slider-dot:focus {
+ outline: none;
+ box-shadow: 0 0 0 2px #fff;
+}
+
+.w-slider-dot:focus.w-active {
+ box-shadow: none;
+}
+
+.w-slider-arrow-left,
+.w-slider-arrow-right {
+ cursor: pointer;
+ color: #fff;
+ -webkit-tap-highlight-color: #0000;
+ tap-highlight-color: #0000;
+ -webkit-user-select: none;
+ user-select: none;
+ width: 80px;
+ margin: auto;
+ font-size: 40px;
+ position: absolute;
+ inset: 0;
+ overflow: hidden;
+}
+
+.w-slider-arrow-left [class^="w-icon-"],
+.w-slider-arrow-right [class^="w-icon-"],
+.w-slider-arrow-left [class*=" w-icon-"],
+.w-slider-arrow-right [class*=" w-icon-"] {
+ position: absolute;
+}
+
+.w-slider-arrow-left:focus,
+.w-slider-arrow-right:focus {
+ outline: 0;
+}
+
+.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 {
+ width: 1em;
+ height: 1em;
+ margin: auto;
+ inset: 0;
+}
+
+.w-slider-aria-label {
+ clip: rect(0 0 0 0);
+ border: 0;
+ width: 1px;
+ height: 1px;
+ margin: -1px;
+ padding: 0;
+ position: absolute;
+ overflow: hidden;
+}
+
+.w-slider-force-show {
+ display: block !important;
+}
+
+.w-dropdown {
+ text-align: left;
+ z-index: 900;
+ margin-left: auto;
+ margin-right: auto;
+ display: inline-block;
+ position: relative;
+}
+
+.w-dropdown-btn,
+.w-dropdown-toggle,
+.w-dropdown-link {
+ vertical-align: top;
+ color: #222;
+ text-align: left;
+ white-space: nowrap;
+ margin-left: auto;
+ margin-right: auto;
+ padding: 20px;
+ text-decoration: none;
+ position: relative;
+}
+
+.w-dropdown-toggle {
+ -webkit-user-select: none;
+ user-select: none;
+ cursor: pointer;
+ padding-right: 40px;
+ display: inline-block;
+}
+
+.w-dropdown-toggle:focus {
+ outline: 0;
+}
+
+.w-icon-dropdown-toggle {
+ width: 1em;
+ height: 1em;
+ margin: auto 20px auto auto;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+}
+
+.w-dropdown-list {
+ background: #ddd;
+ min-width: 100%;
+ display: none;
+ position: absolute;
+}
+
+.w-dropdown-list.w--open {
+ display: block;
+}
+
+.w-dropdown-link {
+ color: #222;
+ padding: 10px 20px;
+ display: block;
+}
+
+.w-dropdown-link.w--current {
+ color: #0082f3;
+}
+
+.w-dropdown-link:focus {
+ outline: 0;
+}
+
+@media screen and (max-width: 767px) {
+ .w-nav-brand {
+ padding-left: 10px;
+ }
+}
+
+.w-lightbox-backdrop {
+ cursor: auto;
+ letter-spacing: normal;
+ text-indent: 0;
+ text-shadow: none;
+ text-transform: none;
+ visibility: visible;
+ white-space: normal;
+ word-break: normal;
+ word-spacing: normal;
+ word-wrap: normal;
+ color: #fff;
+ text-align: center;
+ z-index: 2000;
+ opacity: 0;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -webkit-tap-highlight-color: transparent;
+ background: #000000e6;
+ outline: 0;
+ font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
+ font-size: 17px;
+ font-style: normal;
+ font-weight: 300;
+ line-height: 1.2;
+ list-style: disc;
+ position: fixed;
+ inset: 0;
+ -webkit-transform: translate(0);
+}
+
+.w-lightbox-backdrop,
+.w-lightbox-container {
+ -webkit-overflow-scrolling: touch;
+ height: 100%;
+ overflow: auto;
+}
+
+.w-lightbox-content {
+ height: 100vh;
+ position: relative;
+ overflow: hidden;
+}
+
+.w-lightbox-view {
+ opacity: 0;
+ width: 100vw;
+ height: 100vh;
+ position: absolute;
+}
+
+.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 {
+ vertical-align: middle;
+ display: inline-block;
+}
+
+.w-lightbox-figure {
+ margin: 0;
+ position: relative;
+}
+
+.w-lightbox-group .w-lightbox-figure {
+ cursor: pointer;
+}
+
+.w-lightbox-img {
+ width: auto;
+ max-width: none;
+ height: auto;
+}
+
+.w-lightbox-image {
+ float: none;
+ max-width: 100vw;
+ max-height: 100vh;
+ display: block;
+}
+
+.w-lightbox-group .w-lightbox-image {
+ max-height: 86vh;
+}
+
+.w-lightbox-caption {
+ text-align: left;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ background: #0006;
+ padding: .5em 1em;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ overflow: hidden;
+}
+
+.w-lightbox-embed {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ inset: 0;
+}
+
+.w-lightbox-control {
+ cursor: pointer;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 24px;
+ width: 4em;
+ transition: all .3s;
+ position: absolute;
+ top: 0;
+}
+
+.w-lightbox-left {
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
+ display: none;
+ bottom: 0;
+ left: 0;
+}
+
+.w-lightbox-right {
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
+ display: none;
+ bottom: 0;
+ right: 0;
+}
+
+.w-lightbox-close {
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
+ background-size: 18px;
+ height: 2.6em;
+ right: 0;
+}
+
+.w-lightbox-strip {
+ white-space: nowrap;
+ padding: 0 1vh;
+ line-height: 0;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ overflow: auto hidden;
+}
+
+.w-lightbox-item {
+ box-sizing: content-box;
+ cursor: pointer;
+ width: 10vh;
+ padding: 2vh 1vh;
+ display: inline-block;
+ -webkit-transform: translate3d(0, 0, 0);
+}
+
+.w-lightbox-active {
+ opacity: .3;
+}
+
+.w-lightbox-thumbnail {
+ background: #222;
+ height: 10vh;
+ position: relative;
+ overflow: hidden;
+}
+
+.w-lightbox-thumbnail-image {
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+
+.w-lightbox-thumbnail .w-lightbox-tall {
+ width: 100%;
+ top: 50%;
+ transform: translate(0, -50%);
+}
+
+.w-lightbox-thumbnail .w-lightbox-wide {
+ height: 100%;
+ left: 50%;
+ transform: translate(-50%);
+}
+
+.w-lightbox-spinner {
+ box-sizing: border-box;
+ border: 5px solid #0006;
+ border-radius: 50%;
+ width: 40px;
+ height: 40px;
+ margin-top: -20px;
+ margin-left: -20px;
+ animation: .8s linear infinite spin;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+}
+
+.w-lightbox-spinner:after {
+ content: "";
+ border: 3px solid #0000;
+ border-bottom-color: #fff;
+ border-radius: 50%;
+ position: absolute;
+ inset: -4px;
+}
+
+.w-lightbox-hide {
+ display: none;
+}
+
+.w-lightbox-noscroll {
+ overflow: hidden;
+}
+
+@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 {
+ opacity: .5;
+ display: block;
+ }
+ .w-lightbox-close {
+ opacity: .8;
+ }
+ .w-lightbox-control:hover {
+ opacity: 1;
+ }
+}
+
+.w-lightbox-inactive,
+.w-lightbox-inactive:hover {
+ opacity: 0;
+}
+
+.w-richtext:before,
+.w-richtext:after {
+ content: " ";
+ grid-area: 1 / 1 / 2 / 2;
+ display: table;
+}
+
+.w-richtext:after {
+ clear: both;
+}
+
+.w-richtext[contenteditable="true"]:before,
+.w-richtext[contenteditable="true"]:after {
+ white-space: initial;
+}
+
+.w-richtext ol,
+.w-richtext ul {
+ overflow: hidden;
+}
+
+.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.w-richtext-figure-type-image div,
+.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
+ outline: 2px solid #2895f7;
+}
+
+.w-richtext figure.w-richtext-figure-type-video>div:after,
+.w-richtext figure[data-rt-type="video"]>div:after {
+ content: "";
+ display: none;
+ position: absolute;
+ inset: 0;
+}
+
+.w-richtext figure {
+ max-width: 60%;
+ position: relative;
+}
+
+.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 {
+ color: #0000;
+ font-size: 0;
+}
+
+.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 {
+ caption-side: bottom;
+ display: table-caption;
+}
+
+.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 {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+
+.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-center {
+ clear: both;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.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 {
+ max-width: 100%;
+}
+
+.w-richtext figure.w-richtext-align-normal {
+ clear: both;
+}
+
+.w-richtext figure.w-richtext-align-fullwidth {
+ text-align: center;
+ clear: both;
+ width: 100%;
+ max-width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ display: block;
+}
+
+.w-richtext figure.w-richtext-align-fullwidth>div {
+ padding-bottom: inherit;
+ display: inline-block;
+}
+
+.w-richtext figure.w-richtext-align-fullwidth>figcaption {
+ display: block;
+}
+
+.w-richtext figure.w-richtext-align-floatleft {
+ float: left;
+ clear: none;
+ margin-right: 15px;
+}
+
+.w-richtext figure.w-richtext-align-floatright {
+ float: right;
+ clear: none;
+ margin-left: 15px;
+}
+
+.w-nav {
+ z-index: 1000;
+ background: #ddd;
+ position: relative;
+}
+
+.w-nav:before,
+.w-nav:after {
+ content: " ";
+ grid-area: 1 / 1 / 2 / 2;
+ display: table;
+}
+
+.w-nav:after {
+ clear: both;
+}
+
+.w-nav-brand {
+ float: left;
+ color: #333;
+ text-decoration: none;
+ position: relative;
+}
+
+.w-nav-link {
+ vertical-align: top;
+ color: #222;
+ text-align: left;
+ margin-left: auto;
+ margin-right: auto;
+ padding: 20px;
+ text-decoration: none;
+ display: inline-block;
+ position: relative;
+}
+
+.w-nav-link.w--current {
+ color: #0082f3;
+}
+
+.w-nav-menu {
+ float: right;
+ position: relative;
+}
+
+[data-nav-menu-open] {
+ text-align: center;
+ background: #c8c8c8;
+ min-width: 200px;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ right: 0;
+ overflow: visible;
+ display: block !important;
+}
+
+.w--nav-link-open {
+ display: block;
+ position: relative;
+}
+
+.w-nav-overlay {
+ width: 100%;
+ display: none;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ right: 0;
+ overflow: hidden;
+}
+
+.w-nav-overlay [data-nav-menu-open] {
+ top: 0;
+}
+
+.w-nav[data-animation="over-left"] .w-nav-overlay {
+ width: auto;
+}
+
+.w-nav[data-animation="over-left"] .w-nav-overlay,
+.w-nav[data-animation="over-left"] [data-nav-menu-open] {
+ z-index: 1;
+ top: 0;
+ right: auto;
+}
+
+.w-nav[data-animation="over-right"] .w-nav-overlay {
+ width: auto;
+}
+
+.w-nav[data-animation="over-right"] .w-nav-overlay,
+.w-nav[data-animation="over-right"] [data-nav-menu-open] {
+ z-index: 1;
+ top: 0;
+ left: auto;
+}
+
+.w-nav-button {
+ float: right;
+ cursor: pointer;
+ -webkit-tap-highlight-color: #0000;
+ tap-highlight-color: #0000;
+ -webkit-user-select: none;
+ user-select: none;
+ padding: 18px;
+ font-size: 24px;
+ display: none;
+ position: relative;
+}
+
+.w-nav-button:focus {
+ outline: 0;
+}
+
+.w-nav-button.w--open {
+ color: #fff;
+ background-color: #c8c8c8;
+}
+
+.w-nav[data-collapse="all"] .w-nav-menu {
+ display: none;
+}
+
+.w-nav[data-collapse="all"] .w-nav-button,
+.w--nav-dropdown-open,
+.w--nav-dropdown-toggle-open {
+ display: block;
+}
+
+.w--nav-dropdown-list-open {
+ position: static;
+}
+
+@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;
+ }
+}
+
+.w-tabs {
+ position: relative;
+}
+
+.w-tabs:before,
+.w-tabs:after {
+ content: " ";
+ grid-area: 1 / 1 / 2 / 2;
+ display: table;
+}
+
+.w-tabs:after {
+ clear: both;
+}
+
+.w-tab-menu {
+ position: relative;
+}
+
+.w-tab-link {
+ vertical-align: top;
+ text-align: left;
+ cursor: pointer;
+ color: #222;
+ background-color: #ddd;
+ padding: 9px 30px;
+ text-decoration: none;
+ display: inline-block;
+ position: relative;
+}
+
+.w-tab-link.w--current {
+ background-color: #c8c8c8;
+}
+
+.w-tab-link:focus {
+ outline: 0;
+}
+
+.w-tab-content {
+ display: block;
+ position: relative;
+ overflow: hidden;
+}
+
+.w-tab-pane {
+ display: none;
+ position: relative;
+}
+
+.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 {
+ background-color: #ddd;
+ padding: 10px;
+}
+
+.w-dyn-hide,
+.w-dyn-bind-empty,
+.w-condition-invisible {
+ display: none !important;
+}
+
+.wf-layout-layout {
+ display: grid;
+}
+
+.w-code-component>* {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+
+:root {
+ --medium-aquamarine: #7ec4bd;
+ --white-smoke: whitesmoke;
+}
+
+.w-embed-youtubevideo {
+ background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
+ background-position: 50%;
+ background-size: cover;
+ width: 100%;
+ padding-bottom: 0;
+ padding-left: 0;
+ padding-right: 0;
+ position: relative;
+}
+
+.w-embed-youtubevideo:empty {
+ min-height: 75px;
+ padding-bottom: 56.25%;
+}
+
+body {
+ color: #333;
+ font-family: Vollkorn, serif;
+ font-size: 14px;
+ line-height: 20px;
+}
+
+h1 {
+ margin-top: 10px;
+ margin-bottom: 10px;
+ font-size: 32px;
+ font-weight: 700;
+ line-height: 38px;
+}
+
+h2 {
+ text-align: center;
+ text-transform: uppercase;
+ margin: 10px 0;
+ font-family: Montserrat, sans-serif;
+ font-size: 23px;
+ font-weight: 400;
+ line-height: 36px;
+}
+
+h3 {
+ text-transform: uppercase;
+ margin: 0 0 20px;
+ font-family: Montserrat, sans-serif;
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 20px;
+}
+
+h4 {
+ margin: 10px 0;
+ font-size: 18px;
+ font-weight: 700;
+ line-height: 24px;
+}
+
+h5 {
+ margin: 10px 0;
+ font-size: 14px;
+ font-weight: 700;
+ line-height: 20px;
+}
+
+h6 {
+ margin: 10px 0;
+ font-size: 12px;
+ font-weight: 700;
+ line-height: 18px;
+}
+
+p {
+ margin-top: 0;
+ margin-bottom: 5px;
+ font-family: Vollkorn, serif;
+ font-size: 15px;
+ line-height: 22px;
+}
+
+a {
+ text-decoration: underline;
+}
+
+a:hover {
+ color: #111;
+}
+
+a:active {
+ color: #000;
+}
+
+a:visited {
+ color: #666;
+}
+
+.button {
+ color: #fff;
+ text-align: center;
+ background-color: #13b7d8;
+ border: 1px #47474f;
+ border-radius: 6px;
+ padding: 12px 30px;
+ font-family: Roboto, sans-serif;
+ font-size: 18px;
+ font-style: normal;
+ text-decoration: none;
+ transition: background-color .3s;
+ display: inline-block;
+}
+
+.button:hover {
+ background-color: #1296b1;
+}
+
+.button.form {
+ color: #7ec4bd;
+ border-width: 1px 1px 2px;
+ border-color: #7ec4bd;
+ margin-top: 23px;
+ margin-bottom: 24px;
+ padding-left: 54px;
+ padding-right: 54px;
+}
+
+.button.form:hover {
+ background-color: #7ec4bd57;
+}
+
+.header {
+ color: #fff;
+ text-align: center;
+ background-color: #fffcba;
+ padding: 60px 20px;
+}
+
+.header.project-page {
+ background-image: linear-gradient(#64d1c68c, #64d1c68c), url("https://cdn.prod.website-files.com/61cc3299477701283507dc98/61cc329947770114fa07dcd2_lake.jpg");
+ padding-top: 77px;
+ padding-bottom: 77px;
+}
+
+.navbar {
+ background-color: #fff;
+ padding-top: 18px;
+ padding-bottom: 18px;
+}
+
+.nav-link {
+ color: #404040;
+ text-transform: uppercase;
+ border-bottom: 2px solid #0000;
+ margin-top: 23px;
+ margin-left: 34px;
+ padding: 0;
+ font-family: Roboto, sans-serif;
+ font-size: 14px;
+ font-weight: 400;
+ transition: border-color .3s;
+}
+
+.nav-link:hover {
+ border-bottom-color: #13b7d8;
+}
+
+.nav-link.w--current {
+ font-family: Roboto, sans-serif;
+ font-size: 14px;
+}
+
+.logo-title {
+ float: left;
+ text-transform: uppercase;
+ margin-top: 12px;
+ font-family: Roboto Condensed, sans-serif;
+ font-size: 22px;
+ font-weight: 400;
+}
+
+.logo-img {
+ float: left;
+ margin-right: 18px;
+}
+
+.main-heading {
+ color: #000;
+ text-align: left;
+ text-transform: none;
+ margin-top: 0;
+ margin-bottom: 0;
+ margin-left: 20px;
+ font-family: Roboto Mono, sans-serif;
+ font-size: 36px;
+ font-weight: 400;
+ line-height: 48px;
+}
+
+.divider {
+ background-color: #fff;
+ width: 80px;
+ height: 2px;
+ margin: 28px auto;
+ display: block;
+}
+
+.divider.grey {
+ background-color: #00000017;
+ margin-bottom: 43px;
+}
+
+.main-subtitle {
+ color: #ffffffcf;
+ font-family: Vollkorn, serif;
+ font-size: 18px;
+ font-style: italic;
+}
+
+.about-section {
+ text-align: center;
+ background-color: #fffcba;
+ padding-top: 60px;
+ padding-bottom: 60px;
+}
+
+.datapop-text {
+ color: #47474f;
+ margin-bottom: 40px;
+ font-family: Roboto Mono, sans-serif;
+ font-size: 20px;
+ font-style: normal;
+ line-height: 30px;
+}
+
+.x-icon {
+ margin-top: -26px;
+ margin-bottom: 34px;
+}
+
+.section {
+ text-align: center;
+ padding-top: 69px;
+ padding-bottom: 69px;
+}
+
+.section.grey {
+ background-color: #f5f5f5;
+}
+
+.section.contact {
+ background-color: #9ac4cd;
+ background-image: linear-gradient(#9ac4cd, #9ac4cd);
+ padding-top: 40px;
+ padding-bottom: 60px;
+ font-family: Vollkorn, serif;
+}
+
+.section.footer {
+ background-color: #393b3c;
+ padding-top: 40px;
+ padding-bottom: 40px;
+}
+
+.grey-icon-wrapper {
+ background-color: #f5f5f5;
+ margin-bottom: 38px;
+ padding-top: 50px;
+ padding-bottom: 50px;
+}
+
+.project-wrapper {
+ color: #333;
+ text-decoration: none;
+ transition: bottom .3s;
+ display: block;
+ position: relative;
+ bottom: 0;
+}
+
+.project-wrapper:hover {
+ bottom: 8px;
+}
+
+.team-image {
+ border-radius: 100%;
+ margin-bottom: 21px;
+}
+
+.role {
+ margin-bottom: 16px;
+ font-family: Vollkorn, serif;
+ font-size: 17px;
+ font-style: italic;
+}
+
+.social-link {
+ background-color: #f5f5f5;
+ border-radius: 100%;
+ width: 29px;
+ height: 29px;
+ margin: 3px;
+ padding-top: 5px;
+ padding-left: 1px;
+ transition: box-shadow .3s;
+ box-shadow: inset 0 0 0 1px #0000;
+}
+
+.social-link:hover {
+ box-shadow: inset 0 0 0 2px #7ec4bd;
+}
+
+.team-title {
+ margin-bottom: 7px;
+}
+
+.testimonial-slider {
+ background-color: #0000;
+ height: auto;
+}
+
+.quote-icon {
+ margin-bottom: 37px;
+}
+
+.arrow {
+ color: #e3e3e3;
+ width: 40px;
+ font-size: 30px;
+ transition: color .3s;
+}
+
+.arrow:hover {
+ color: #333;
+}
+
+.testimonial-slide {
+ text-align: center;
+ width: 50%;
+ padding: 30px 34px 29px;
+}
+
+.testimonial-slide.left-border {
+ border-left: 2px solid #0000000a;
+}
+
+.mask {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ display: block;
+}
+
+.team-row {
+ margin-bottom: 20px;
+}
+
+.testimonial {
+ margin-bottom: 22px;
+ font-size: 26px;
+ line-height: 33px;
+}
+
+.from {
+ color: #ababab;
+ text-transform: uppercase;
+ margin-bottom: 0;
+ font-family: Montserrat, sans-serif;
+ font-size: 14px;
+ font-weight: 400;
+}
+
+.icon-wrapper {
+ height: 95px;
+ margin-bottom: 10px;
+ padding-top: 13px;
+}
+
+.icon-wrapper._2 {
+ padding-top: 20px;
+}
+
+.footer-logo {
+ opacity: .4;
+ margin-bottom: 15px;
+}
+
+.contact-text {
+ color: #212121;
+ font-family: Roboto, sans-serif;
+ font-size: 17px;
+}
+
+.link {
+ color: #1c1c1c;
+}
+
+.social-wrapper {
+ text-align: left;
+ margin-bottom: 11px;
+ margin-left: 33%;
+ text-decoration: none;
+ transition: opacity .3s;
+ display: block;
+}
+
+.social-wrapper:hover {
+ opacity: .43;
+}
+
+.footer-text {
+ color: #fff6;
+ font-family: Roboto, sans-serif;
+}
+
+.social-link-text {
+ display: inline-block;
+}
+
+.social-icon {
+ margin-top: -6px;
+ margin-right: 9px;
+}
+
+.field {
+ color: #7ec4bd;
+ background-color: #fff3;
+ border: 0 solid #000;
+ height: 57px;
+ margin-bottom: 0;
+ padding-top: 17px;
+ padding-bottom: 17px;
+ font-size: 18px;
+ font-style: italic;
+ box-shadow: inset 3px 0 #0000;
+}
+
+.field:focus {
+ box-shadow: inset 3px 0 #7ec4bd;
+}
+
+.field.large {
+ height: 127px;
+}
+
+.field.darker {
+ background-color: #ffffff2e;
+ transition: box-shadow .3s;
+}
+
+.form-wrapper {
+ padding-left: 20%;
+ padding-right: 20%;
+}
+
+.success-message {
+ color: #7ec4bd;
+ background-color: #0000;
+ border: 1px solid #7ec4bd;
+ border-bottom-width: 2px;
+ padding-top: 82px;
+ padding-bottom: 82px;
+}
+
+.project-info {
+ background-color: #fff;
+ margin-bottom: 20px;
+ padding-top: 20px;
+ padding-bottom: 20px;
+}
+
+.project-title {
+ margin-bottom: 4px;
+}
+
+.grow-row {
+ margin-bottom: 42px;
+}
+
+.screenshot {
+ margin-bottom: 43px;
+}
+
+.face {
+ border-radius: 100%;
+ margin-bottom: 10px;
+}
+
+.body {
+ background-color: #000;
+ font-family: Roboto, sans-serif;
+}
+
+.container {
+ padding-top: 0;
+}
+
+.image {
+ cursor: none;
+ object-fit: fill;
+ width: 100%;
+ max-width: 100%;
+ margin: auto;
+ display: block;
+ overflow: auto;
+}
+
+.heading {
+ font-family: Roboto Mono, sans-serif;
+}
+
+.container-2 {
+ font-family: Roboto, sans-serif;
+}
+
+.heading-2,
+.heading-3,
+.heading-4 {
+ font-family: Roboto Mono, sans-serif;
+ font-weight: 600;
+}
+
+.datapop-section {
+ text-align: center;
+ background-color: #e8f7fa;
+ padding-top: 60px;
+ padding-bottom: 60px;
+}
+
+.datapop-key-visual {
+ color: #47474f;
+ margin-bottom: 40px;
+ margin-left: auto;
+ margin-right: auto;
+ font-family: Roboto Mono, sans-serif;
+ font-size: 18px;
+ line-height: 25px;
+ display: block;
+}
+
+.datapop-logo {
+ margin-bottom: 60px;
+}
+
+.column,
+.column-2 {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.body-2 {
+ background-color: #000;
+}
+
+.image-2 {
+ -webkit-text-fill-color: inherit;
+ cursor: zoom-in;
+ object-position: 50% 50%;
+ background-clip: border-box;
+ border-radius: 0;
+}
+
+.collection-item {
+ height: 100%;
+}
+
+.item {
+ float: left;
+ clear: none;
+ cursor: none;
+ object-fit: fill;
+ margin-bottom: 0;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ position: relative;
+ overflow: visible;
+}
+
+.item:hover {
+ background-color: #fff;
+}
+
+.collection-list {
+ padding: 30px 10px 10px;
+}
+
+.identity {
+ object-fit: fill;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding-left: 0;
+ font-family: Inconsolata, monospace;
+ font-size: 16px;
+ font-weight: 400;
+ text-decoration: none;
+ display: flex;
+ position: static;
+}
+
+.headingblock {
+ z-index: 100;
+ color: #333;
+ background-color: #fff;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ width: 100%;
+ margin-bottom: 0;
+ padding-bottom: 0;
+ padding-left: 20px;
+ padding-right: 20px;
+ font-family: Inconsolata, monospace;
+ display: flex;
+ position: fixed;
+ inset: 0% 0% auto;
+ overflow: auto;
+}
+
+.collection-list-wrapper {
+ margin-top: 40px;
+ padding: 0 10px 10px;
+}
+
+.collection-item-2 {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.collection-list-2 {
+ grid-column-gap: 16px;
+ grid-row-gap: 16px;
+ cursor: none;
+ grid-template-rows: auto auto;
+ grid-template-columns: 1fr 1fr;
+ grid-auto-columns: 1fr;
+ display: block;
+ overflow: visible;
+}
+
+.div-block {
+ cursor: none;
+ background-color: #fff;
+}
+
+.image-3 {
+ width: 100%;
+}
+
+.linkblock {
+ cursor: zoom-in;
+ display: block;
+}
+
+.link-block-2 {
+ display: block;
+}
+
+.text-span {
+ color: #888;
+ padding-left: 10px;
+ text-decoration: none;
+}
+
+.p5canvas {
+ background-color: #000;
+ overflow: hidden;
+}
+
+.bodyrosa {
+ clear: none;
+ object-fit: fill;
+ background-color: #ffade4;
+ padding: 0 40px 40px;
+ font-family: Inconsolata, monospace;
+ display: block;
+}
+
+.text-block {
+ color: #242424;
+ text-align: center;
+ background-color: #fff;
+ margin-top: 40px;
+ padding: 20px;
+ font-size: 24px;
+ font-weight: 700;
+}
+
+.image-4 {
+ z-index: auto;
+ object-fit: fill;
+ margin: 40px auto;
+ display: block;
+ position: static;
+ overflow: auto;
+}
+
+.heading-5 {
+ text-align: right;
+ background-color: #fff;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding: 10px 20px;
+ font-weight: 400;
+}
+
+.heading-6 {
+ background-color: #fff;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding: 10px 20px 20px;
+ font-size: 26px;
+ line-height: 34px;
+}
+
+.paragraph {
+ background-color: #fff;
+ margin-bottom: 0;
+ padding: 10px 20px;
+ font-family: Inconsolata, monospace;
+ font-size: 18px;
+ line-height: 26px;
+}
+
+.body-3 {
+ background-color: #ffa1af;
+}
+
+.body-4 {
+ cursor: none;
+}
+
+.link-block-day {
+ color: #000;
+ cursor: none;
+ background-color: #fff;
+ border: 1px solid #000;
+ border-radius: 4px;
+ flex: 0 auto;
+ justify-content: center;
+ align-self: auto;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+ display: flex;
+}
+
+.link-block-day:hover {
+ color: #000;
+ background-color: #eee;
+}
+
+.text-block-2 {
+ text-align: center;
+ flex: 1;
+ justify-content: space-between;
+ align-self: center;
+ width: 50%;
+ display: block;
+}
+
+.body-5 {
+ height: 100%;
+ min-height: 100px;
+ margin-top: auto;
+ margin-bottom: auto;
+}
+
+.columns-2 {
+ float: none;
+ clear: none;
+ flex-flow: column wrap;
+ place-content: space-around space-between;
+ align-items: center;
+ margin-top: auto;
+ margin-bottom: auto;
+ display: flex;
+}
+
+.body-6 {
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+ cursor: none;
+ object-fit: none;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: stretch;
+ height: 100vh;
+ padding: 20px;
+ display: flex;
+ overflow: auto;
+}
+
+.link-block-night {
+ color: #fff;
+ cursor: none;
+ background-color: #000;
+ border-radius: 4px;
+ flex-wrap: nowrap;
+ flex: 0 auto;
+ justify-content: center;
+ align-self: center;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+ display: flex;
+}
+
+.link-block-night:hover {
+ background-color: #222;
+}
+
+.image-5 {
+ color: #fff;
+ background-color: #0000;
+}
+
+.icon-night {
+ color: #fff;
+ flex-direction: row;
+ align-items: stretch;
+}
+
+.icon-day {
+ color: #000;
+ flex-direction: row;
+ align-items: stretch;
+}
+
+.collection-item-3 {
+ grid-column-gap: 16px;
+ grid-row-gap: 16px;
+ grid-template-rows: auto auto;
+ grid-template-columns: 1fr 1fr;
+ grid-auto-columns: 1fr;
+ justify-content: flex-start;
+ width: 100%;
+ padding-left: 0;
+ padding-right: 0;
+ display: block;
+ position: absolute;
+}
+
+.image-6 {
+ width: 100%;
+}
+
+.body-7 {
+ cursor: none;
+ background-color: #000;
+ padding: 0;
+}
+
+.collection-item-4 {
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+
+.image-7 {
+ background-color: #000;
+}
+
+.body-8 {
+ cursor: none;
+ background-color: #fff;
+}
+
+.collection-list-wrapper-2 {
+ margin-top: 40px;
+ padding-bottom: 10px;
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+.collection-item-5 {
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+
+.collection-list-wrapper-3 {
+ margin-top: 40px;
+ padding-bottom: 10px;
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+.collection-item-6 {
+ padding: 10px;
+}
+
+.body-9 {
+ cursor: none;
+ background-color: #000;
+}
+
+.image-8 {
+ width: 100%;
+ min-width: 100%;
+ margin: auto;
+ display: block;
+}
+
+.link-block-3 {
+ display: block;
+}
+
+.image-9 {
+ cursor: none;
+ width: 100%;
+}
+
+.link-block-4 {
+ display: block;
+}
+
+.image-10 {
+ cursor: zoom-in;
+}
+
+.collection-list-wrapper-4 {
+ margin-top: 40px;
+ padding-bottom: 10px;
+ padding-left: 10px;
+ padding-right: 10px;
+ display: block;
+}
+
+.link-block-5 {
+ color: #333;
+ text-decoration: none;
+}
+
+.link-block-5:active,
+.link-block-5:focus {
+ color: #000;
+}
+
+.link-block-5:visited {
+ color: #333;
+}
+
+.div-block-3 {
+ background-color: #fff;
+}
+
+.paragraph-2 {
+ text-align: center;
+ letter-spacing: 2px;
+ flex-flow: row;
+ justify-content: space-around;
+ align-items: stretch;
+ margin-bottom: 0;
+ font-family: Roboto, sans-serif;
+ font-size: 72px;
+ font-weight: 400;
+ line-height: 72px;
+ display: block;
+}
+
+.container-3 {
+ width: 4%;
+ max-width: 0;
+ margin-top: auto;
+ margin-bottom: auto;
+ display: block;
+}
+
+.div-block-4 {
+ width: 50%;
+ margin: auto;
+ display: block;
+}
+
+.section-2 {
+ grid-column-gap: 36px;
+ grid-row-gap: 36px;
+ color: #fff;
+ background-color: #fc0093;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ font-family: Inconsolata, monospace;
+ font-size: 36px;
+ line-height: 36px;
+ display: flex;
+}
+
+.text-block-3 {
+ font-size: 72px;
+ line-height: 72px;
+}
+
+.video {
+ aspect-ratio: 9 / 16;
+ margin-bottom: 4px;
+}
+
+.collection-item-7 {
+ padding-bottom: 20px;
+ padding-left: 10px;
+}
+
+.collection-list-3 {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+.link-2 {
+ color: #000;
+ font-family: Inconsolata, monospace;
+}
+
+.collection-list-wrapper-5 {
+ padding-top: 44px;
+}
+
+.bg {
+ box-sizing: border-box;
+ grid-column-gap: 11px;
+ grid-row-gap: 11px;
+ background-color: #000;
+ display: flex;
+}
+
+.no1 {
+ clear: none;
+ grid-column-gap: 0px;
+ grid-row-gap: 0px;
+ aspect-ratio: 16 / 9;
+ outline-offset: 0px;
+ direction: ltr;
+ color: #fff;
+ text-align: center;
+ text-transform: none;
+ -webkit-text-fill-color: inherit;
+ vertical-align: super;
+ cursor: none;
+ background-color: #333;
+ background-clip: border-box;
+ border: 1px #000;
+ border-radius: 20px;
+ outline: 0 #fff;
+ flex-flow: row;
+ flex: 1;
+ order: 0;
+ justify-content: center;
+ align-self: auto;
+ align-items: center;
+ padding: 20px 30px;
+ font-family: Roboto Mono, sans-serif;
+ font-size: 16em;
+ text-decoration: none;
+ display: flex;
+ position: static;
+ inset: 0%;
+ overflow: visible;
+}
+
+.no1:active {
+ background-color: #008d38;
+}
+
+.no1-copy {
+ float: none;
+ clear: none;
+ color: #fff;
+ text-align: center;
+ vertical-align: super;
+ background-color: #3d3d3d;
+ border-radius: 20px;
+ justify-content: center;
+ align-items: center;
+ margin: 20px;
+ font-family: Roboto Mono, sans-serif;
+ font-size: 15em;
+ display: flex;
+ position: fixed;
+ inset: 0%;
+ overflow: visible;
+}
+
+.no1-copy:active {
+ background-color: #008d38;
+}
+
+.numbers {
+ box-sizing: border-box;
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+ flex-flow: row;
+ flex: 0 auto;
+ order: 0;
+ grid-template-rows: auto;
+ grid-template-columns: 1fr 1fr;
+ grid-auto-columns: 1fr;
+ justify-content: center;
+ align-self: auto;
+ align-items: center;
+ margin: auto;
+ padding: 20px;
+ display: flex;
+ position: static;
+ overflow: visible;
+}
+
+.text-span-2 {
+ font-weight: 700;
+}
+
+.div-block-5 {
+ background-color: #000;
+ flex: 1;
+ justify-content: space-around;
+ align-items: center;
+ height: 100vh;
+ display: flex;
+}
+
+.text-span-3 {
+ color: #fff;
+ text-align: left;
+ font-family: Lato, sans-serif;
+ font-size: 12em;
+ font-weight: 400;
+}
+
+@media screen and (max-width: 991px) {
+ .nav-link {
+ margin: 0 auto;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ }
+ .nav-link:hover {
+ border-bottom-color: #0000;
+ }
+ .main-heading {
+ font-size: 36px;
+ line-height: 48px;
+ }
+ .project-wrapper:hover {
+ transform: translate(0);
+ }
+ .social-wrapper {
+ margin-left: 30%;
+ }
+ .menu-button {
+ margin-top: 7px;
+ padding: 10px;
+ font-size: 32px;
+ }
+ .menu-button.w--open {
+ color: #7ec4bd;
+ background-color: #0000;
+ }
+ .nav-menu {
+ background-color: #f5f5f5;
+ }
+}
+
+@media screen and (max-width: 767px) {
+ .header {
+ padding-top: 45px;
+ padding-bottom: 45px;
+ }
+ .navbar {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ }
+ .nav-link {
+ padding-top: 15px;
+ padding-bottom: 15px;
+ padding-left: 10px;
+ }
+ .logo-title {
+ margin-top: 6px;
+ }
+ .logo-img {
+ width: 50px;
+ }
+ .main-heading {
+ font-size: 36px;
+ line-height: 48px;
+ }
+ .about-section {
+ padding-bottom: 60px;
+ padding-left: 20px;
+ padding-right: 20px;
+ }
+ .x-icon {
+ margin-bottom: 21px;
+ }
+ .section {
+ padding-top: 30px;
+ padding-bottom: 30px;
+ }
+ .grey-icon-wrapper {
+ margin-bottom: 16px;
+ padding: 34px 56px;
+ display: inline-block;
+ }
+ .grey-icon-wrapper.push-top {
+ margin-top: 30px;
+ }
+ .testimonial-slide {
+ width: 100%;
+ }
+ .testimonial-slide.left-border {
+ border-left-width: 0;
+ }
+ .icon-wrapper {
+ height: 85px;
+ }
+ .icon-wrapper._2 {
+ margin-top: 37px;
+ }
+ .social-wrapper {
+ text-align: center;
+ margin-left: 0%;
+ }
+ .form-wrapper {
+ padding-left: 10%;
+ padding-right: 10%;
+ }
+ .menu-button {
+ margin-top: 0;
+ }
+ .member {
+ padding-bottom: 47px;
+ }
+ .grow-row {
+ margin-bottom: 0;
+ }
+ .screenshot {
+ width: 90%;
+ }
+ .image {
+ margin-bottom: auto;
+ padding: 0;
+ }
+ .datapop-section {
+ padding-bottom: 60px;
+ padding-left: 20px;
+ padding-right: 20px;
+ }
+}
+
+@media screen and (max-width: 479px) {
+ .header {
+ padding-top: 40px;
+ padding-bottom: 40px;
+ }
+ .brand-block {
+ padding-left: 12px;
+ }
+ .main-heading {
+ float: right;
+ clear: none;
+ font-size: 28px;
+ line-height: 40px;
+ position: relative;
+ }
+ .about-section {
+ padding-top: 40px;
+ padding-bottom: 40px;
+ }
+ .grey-icon-wrapper {
+ display: block;
+ }
+ .form-wrapper {
+ padding-left: 5%;
+ padding-right: 5%;
+ }
+ .image {
+ padding: 0;
+ }
+ .datapop-section {
+ padding-top: 40px;
+ padding-bottom: 40px;
+ }
+ .datapop-logo {
+ margin-bottom: 40px;
+ }
+ .column-2 {
+ grid-column-gap: 16px;
+ grid-row-gap: 16px;
+ grid-template-rows: auto auto;
+ grid-template-columns: 1fr 1fr;
+ grid-auto-columns: 1fr;
+ }
+ .bodyrosa {
+ margin-bottom: 0;
+ padding: 0 20px 20px;
+ }
+ .text-block {
+ background-color: #fff;
+ margin-top: 20px;
+ line-height: 28px;
+ }
+ .image-4 {
+ margin-top: 30px;
+ margin-bottom: 30px;
+ }
+ .div-block-2 {
+ text-align: right;
+ background-color: #fff;
+ margin-top: 20px;
+ padding: 20px;
+ font-size: 16px;
+ }
+ .heading-5 {
+ text-align: right;
+ background-color: #fff;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding: 10px 20px;
+ font-weight: 400;
+ }
+ .heading-6 {
+ background-color: #fff;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ padding-left: 20px;
+ font-size: 26px;
+ line-height: 36px;
+ }
+ .paragraph {
+ background-color: #fff;
+ padding: 10px 20px;
+ font-size: 20px;
+ line-height: 28px;
+ }
+ .link-block-day {
+ border: 1px solid #000;
+ }
+ .body-6 {
+ flex-direction: column;
+ padding: 20px;
+ }
+ .collection-item-3 {
+ grid-column-gap: 0px;
+ grid-row-gap: 0px;
+ justify-content: space-between;
+ display: flex;
+ }
+ .image-6 {
+ display: block;
+ position: static;
+ }
+ .body-7 {
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: stretch;
+ display: flex;
+ }
+ .body-8 {
+ background-color: #000;
+ }
+ .paragraph-2 {
+ font-size: 32px;
+ line-height: 32px;
+ }
+}
\ No newline at end of file