1. Redesign3 BannerFull | ban1 1600 pixels wide max
BannerNav | ban3 280 pixels wide
BannerContent | ban2 910 pixels wide
Left Menu | lmenu
ID pixels wide
Right Content | right 280 pixels wide
Left Content | left 280 pixels wide
Right Content 2 | right2 280 pixels wide
ListSummary2
ListSummary1

2. Redesign2 BannerFull | ban1 1600 pixels wide max
BannerNav | ban3 280 pixels wide
BannerContent | ban2 910 pixels wide
Left Menu | lmenu
ID pixels wide
Left Content | left
280 pixels wide
ListSummary1

3. Redesign1 BannerFull | ban1 1600 pixels wide max
BannerContent | ban pixels wide
ID pixels wide
ListSummary1

4. RedesignRight BannerFull | ban1 1600 pixels wide max
BannerContent | ban2 910 pixels wide
Right Content | right 280 pixels wide
ID pixels wide
Right Content 2 | right2 280 pixels wide
ListSummary2
ListSummary1

5. Horizontal Menu | hmenu
Global Elements in Template
Identity | dept
Horizontal Menu | hmenu
Footer | footer

6. Image Dimensions (maximum)
BannerFull
BannerContent
BannerNav
1600px max
1225px / 910px
280px
Maximum width. Images will never scale larger than 1600px.
BannerFull fills the width of the browser width and sits directly next to the horizontal menu and header.
Beyond 1600px, an optional gradient fill can be set when using the updated Banner Rotation smart form.
Depends on Template
BannerContent sits directly above content but does not attach to anything px on Redesign1, RedesignRight.
910px on Redesign2, Redesign3.
BannerNav sits directly above left navigation and does not attach to anything px on Redesign2, Redesign3 only.

7. Breakpoints
At 1280px and above All content at maximum width. Then, at 1600px, BannerFull photos reach max and optional background gradient shows.
At 992px to 1279px Center content and left menu are narrower. Photo is smaller.
At 768 to 991px Content begins to stack vertically. Horiz menu is narrower. Header is normal.
At 601 to 767px Condensed mobile header and collapsed horiz menu take effect.
Below 600 Mobile layout. Captions over banner photo moves below photo.

8. Adaptive Images Ektron will generate smaller variations of photos for responsive design if:
Original is larger than 250KB
Original dimensions exceed: lg = over 1000px wide or 600px tall
md = over 700px wide or 500px tall
sm = over 400px wide or 400px tall
Images with display at these breakpoints:
Original = Screen is px wide.
lg = Screen is 992 to 1199px wide.
md = Screen is 601 to 991px wide.
sm = Screen is less than 600px wide.