Title of landing

Content area

Setup everything manually for the first screen:

• min height
• background
• padding-top

Use at least 2 breakpoints:

@media (max-width: calc(@screen-mobile-landscape - 1px)) { ... }
For setting styles from 0-479px;

@media (max-width: calc(@screen-tablet-portrait - 1px)) { ... }
For setting styles from 480px-767px;

@media (max-width: calc(@screen-tablet-landscape - 1px)) { ... }
For setting styles from 768px-991px;

@media (max-width: calc(@screen-tablet-basic - 1px)) { ... }
For setting styles from 992px-1023px;

@media (max-width: calc(@screen-laptop - 1px)) { ... }
For setting styles from 1024px-1199px;

Breakpoints description:

• more 1199px: content width=1146px; --odd_spacer: 68px; --even_spacer: 30px; (12 columns)
• 1024px-1199px: content width=960px; --odd_spacer: 69px; --even_spacer: 30px; (10 columns)
• 992px-1023px: content width=940px; --odd_spacer: 67px; --even_spacer: 30px; (10 columns)
• 768px-991px: content width=684px; --odd_spacer: 68px; --even_spacer: 20px; (8 columns)
• 480px-767px: content width=460px; --odd_spacer: 60px; --even_spacer: 20px; (6 columns)
• less 479px: content width=335px; --odd_spacer: 68px; --even_spacer: 21px; (4 columns)