diff --git a/src/assets/illustration.png b/src/assets/illustration.png index e86bdea..8479f4b 100755 Binary files a/src/assets/illustration.png and b/src/assets/illustration.png differ diff --git a/src/scss/base/_base.scss b/src/scss/base/_base.scss index 7410aed..cefb60d 100644 --- a/src/scss/base/_base.scss +++ b/src/scss/base/_base.scss @@ -30,13 +30,16 @@ p { } .container { - padding: 0 60px; - max-width: 1920px; - margin: 0 auto; + position: relative; + z-index: 0; + + &.bg-alternate { + background: $bg-alternate; + } } @media only screen and (max-width: 768px) { .container { padding: 0 30px; } -} \ No newline at end of file +} diff --git a/src/scss/base/_variables.scss b/src/scss/base/_variables.scss index 79da12a..ab942f7 100644 --- a/src/scss/base/_variables.scss +++ b/src/scss/base/_variables.scss @@ -1,24 +1,25 @@ // background and text colors -$bg: #F6FAFF; +$bg: #FFF; $fg: #05102E; +$bg-alternate: #EFFAFF; // theme colors -$primary: #224AB7; -$secondary: #FC7DA7; -$tertiary: #94C3FF; -$quaternary: #D1E5FF; +$primary: #638DE7; +$secondary: #FFC4D8; +$tertiary: #D2EBFF; +$primary-dark: #006FA2; +$btn-bg: #7ABEDD; // fonts -$font: 'Montserrat', sans-serif; -$font-normal: 500; +$font: 'Raleway', sans-serif; +$font-normal: 400; $font-bold: 700; // font sizes $font-brand: 16pt; $font-nav: 12pt; -$font-hero: 30pt; -$font-section: 50pt; -$font-section-sub: 16pt; +$font-hero: 28pt; +$font-section: 40pt; $font-heading: 20pt; $font-regular: 16pt; $font-panel: 200pt;