THE TABLE OF GRID SYSTEM SIZE
Device Width
≥ 992px
< 992px
< 767px
< 479px
Container Width
1170px
100%
100%
100%
SPACING - DESKTOP
60 px
130 px
130 px
- Paddings Tops and Bottom for blocks - 130 px
- Inside of Blocks (between headlines and inside a content block) - 60px
SPACING - TABLET
100 px
100 px
60 px
- Paddings Tops and Bottom for blocks - 100 px
- Inside of Blocks (between headlines and inside a content block) - 60px
SPACING - MOBILE
60 px
60 px
40 px
- Paddings Tops and Bottom for blocks - 60 px
- Inside of Blocks (between headlines and inside a content block) - 40px
PRIMARY
#e9204f
#ff8a00
#00ffa8
SECONDARY
#000000
#0e0e0e
#ff8a00
#ffffff
HEADERS - DESKTOP
font-family: Montserrat;
60px/72px
45px/54px
34px/40px
27px/32px
23px/30px
20px/25px
HEADERS - TABLET
font-family: Montserrat;
45px/54px
40px/48px
34px/40px
27px/32px
23px/30px
20px/25px
HEADERS - MOBILE
font-family: Montserrat;
35px/42px
30px/36px
28px/33px
25px/30px
23px/30px
20px/25px
BODY- DESKTOP
font-family: Montserrat;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisl leo, porttitor ut tortor, efficitur vehicula ipsum.
15px/26px
BODY - TABLET
font-family: Montserrat;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisl leo, porttitor ut tortor, efficitur vehicula ipsum.
15px/26px
BODY - MOBILE
font-family: Montserrat;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisl leo, porttitor ut tortor, efficitur vehicula ipsum.
15px/26px