/* For Narrower Screen Widths */

/* Global Changes */

.Container {min-width: 360px;}
.Content {min-width: 360px;}

/* Title Section Changes */

#MenuButton {display: block; float: right; height: 30px; width: 32px; padding: 20px 20px;}
#MenuButton:hover {background: rgba(160,160,160,.2);}

/* Nav Section Changes */

#AreaContainer {display: none; border-bottom: 1px solid #ccc;}
#AreaContent LI {padding: 0px 0px; margin: 0px 0px;}
#AreaContent A {display: inline-block; padding: 5px 0px;}