Current design continues to expand existing content on larger screens producing undesirable effects on 4k monitors. More research needed to improve.

• Have each quote on one line. Update b tags to strong tags.

• Include a fade hover effect
• Re-style the centered text
• Re-style the tile sizing/padding
• Update the media queries
• Remove inline css picture link references

Use parsley.js for client side validation for contact us and mailing list. Add a modal for ajax submission instead of html print.

Looking to rework the shows section into a responsive table in a similar manner via: https://www.bonjovi.com/tour/

Existing design limitations:

• Undesirable white-space via tablet and desktop viewports (>= 768px & >= 1024px)
• Text that is too long will produce uneven spacing results

Future Design Benefits:

• Will utilize white-space in a more desirable manner (a.k.a table design with title, date, time, location, and ticket columns)
• Will maintain responsiveness for mobile devices (all content will re-arrange columns top to bottom).

Awkward padding gaps exist on mobile including:

• Buttons/submit buttons with section bottom
• Text fields with section top

The music template has li items nested in divs which break HTML compliance. These will need to be reworked as new div items as well as remediation of any other HTML/CSS issues.

Affected items:

• Navigation bar and .js dependencies
• .pagesbar .music-hero, and .grid classes containing buttons, social media links, and pictures
• The page footer

Other issues:

• div nested under ul
• h6 nested under ul
• pagesbar-music, pages-music, and myBtn duplicate ID's (convert to classes)
• Style attributes in html
• CSS errors

It will be more sustainable to move to SASS for skins. (Future scope)

The black and white skin master css files is several commits behind the master (behind the merch and the contact form feature additions). The skin must be updated to reflect the new css changes.