Please accept marketing cookies to watch this video.
Typography
Font: Gotham
Colors
HEX:#263E64
VAR:$c_prim
HEX:#009FE3
VAR:$c_second
HEX:#013B78
VAR:$c_text1
HEX:#B0C1D3
VAR:$c_text2
HEX:#AFAFAF
VAR:$c_text3
Breakpoints
$bp_mobile:
580px;$bp_mobilelandscape:
760px;$bp_tablet:
960px;$bp_tabletlandscape:
1160px;$bp_laptop:
1280px;$bp_desktop:
1920px;Mixins
@mixin breakpoint($type)
Example: @include breakpoint(mobile) @mixin break($breakpoint)
Example: @include break(600) @mixin position($type, $top, $right, $bottom, $left)
Example: @include position(absolute, 0, 0) @mixin background-opacity($color, $opacity: 0.3)
Example: @include background-opacity($c_prim, 0.2) Helpers
.page_container
Adds width, max-width and margin: 0 auto .object-fit
Add to the container of an img tag to emulate background cover and enable the JS fallback $shadow
Default box shadow property (0 0 30px rgba(0,0,0,0.16)) $shadow-big
Big box shadow (0 0 6px 99px rgba(0,0,0,0.16))