unit-copy-wrapper width: 688 height: 136.36
unit-header width: 550px || 100%; height: 136.63px
unit-header h4 width: 550px; height 52px; margin: 51.840px 69px 0px 69px
unit-subheader h5 width: 550px; height: 28px;
unit-image-wrapper height: 688px; width: 443.375
#Breakpoints 1068px
- images get smaller
767px
- nav collapse, two line menu icon to the left, apple icon in middle, and shopping bag to right)
- footer collapses into a menu
- @media only screen and (max-width: 767px)
735px
- images get replaced in content, 1, 2, and 3.
- text shrinks down in content, 1, 2, and 3.
- @media only screen and (max-width: 735px)
- unit-header
- font-size: 32px
- line-height: 1.125
- letter-spacing: .004em;
- unit-subheader
- font-size: 19px
- line-height: 1.21053;
- font-weight: 400;
- unit-header
- @media only screen and (max-width: 735px)