Toggle Nav
1. Layout
max-width:1200px; padding-left:50px; padding-right:50px;
2. Breakpoints
320px
480px
640px
768px (this breakpoint switches between mobile and desktop view)
1024px
1440px
3. Colors
Background Color: white (#FFFFFF);
Puritan Green: #008066;
Border Color: Light Gray (#cccccc);
Gray : #333333;
Light Gray: #666666;
4. Fonts

Header and all the text besides main paragraph using:

font-family: 'Quicksand', 'Helvetica Neue', Helvetica, Arial, sans-serif; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse faucibus interdum mauris sed venenatis. Sed ultricies, nulla sed laoreet dignissim, dolor nisl euismod elit, vitae varius diam mauris aliquet tellus. Nulla facilisis, enim suscipit interdum tristique, dolor dui viverra augue, sed vestibulum leo quam at lectus. Nunc posuere commodo bibendum. Suspendisse a ipsum risus. Praesent quam dolor, facilisis quis purus ut, hendrerit euismod lacus. Maecenas bibendum eros eget ultricies tincidunt.

Main text paragraph using:

font-family: 'Open Sans', Arial, sans-serif;
font-size: 14px;
line-height: 19.52px;
color: #333333;
font-weight: 400;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse faucibus interdum mauris sed venenatis. Sed ultricies, nulla sed laoreet dignissim, dolor nisl euismod elit, vitae varius diam mauris aliquet tellus. Nulla facilisis, enim suscipit interdum tristique, dolor dui viverra augue, sed vestibulum leo quam at lectus. Nunc posuere commodo bibendum. Suspendisse a ipsum risus. Praesent quam dolor, facilisis quis purus ut, hendrerit euismod lacus. Maecenas bibendum eros eget ultricies tincidunt.
5. Headers
<h1 class="fancy"><span>Header One</span></h1>

Header One

<h2 class="fancy lighter"><span>Header Two Light</span></h2>

Header Two Light

<h2 class="fancy"><span>Header Two Dark</span></h2>

Header Two Dark

<h2>Header Two Normal</h2>

Header Two Normal

<h3>Header Three</h3>

Header Three

6. Lists
  • Element 1
  • Element 2
  • Element 3
  • Element 4
7. Links
This is a test link
This is a link in a sentence.
9. input Field
10. Selector

Get Top Insights
as Soon as They're Published

Stay informed about industry news, current events, and the
unique properties of Puritan's wide range of products that set us
apart from the rest.

Copyright © 2018 Puritan Medical Products. All rights reserved.Proudly Made in the USA