/*LAYOUT*********************************/
#topheader { text-align: right; padding-right: 10px; line-height: 2.5em; }
#topheader div { text-align: right; max-width: 1200px; margin: auto; }
#cust { max-width: 1200px; margin: auto; display: flex; }
#cust * { box-sizing: content-box; }
#navContainer { width: 100%; max-width: 1200px; margin: 0px; text-align: right; }
#navContainer ul { width: auto; padding: 0px; display: inline-flex;}
#navContainer ul li { text-align: right; line-height: 67px; display: inline-block; white-space: nowrap;}
#navContainer ul, #navContainer ul li { margin: 0px; }
.material-icons { vertical-align: middle; padding-right: 5px; }
.socicon { font-family: 'socicon'; text-decoration: none; padding: 5px; }

/*MOBILE NAVIGATION*/
@media screen and (min-width:768px) {
    nav2 { display: none; }
}
@media screen and (max-width:767px) {
    #topheader { line-height: 3.5em; }
    #navContainer { display: none; }
    #cust { display: block; }
    #cust div { text-align: center; width: 100%; }
    #cust #logo img { width: 150px; height: auto; margin-top: 10px; }
    nav2 ul { display: none; }
    nav2 label { display: block; width: 30px; height: 30px; cursor: pointer; position: absolute; left: 10px; top: 10px; z-index: 100; }
    nav2 label:after { content: ''; display: block; width: 20px; height: 2px; margin: 7px 5px; }
    nav2 [type="checkbox"]:checked ~ ul { display: block; z-index: 9999; position: absolute; right: 20px; left: 20px; top: 40px; max-width: 220px; padding: 0px; }
    nav2 ul li { display: block; float: none; width: 100%; text-align: left; text-indent: 20px; line-height: 3.0em; }
    nav2 > ul > li { margin-left: 0px; }
    nav2 > ul > li > a:hover { display: block; }
    nav2 > ul li ul li { display: block; float: none; }
    nav2 > ul li ul { display: block; position: relative; width: 100%; z-index: 9999; float: none; }
    nav2 input { top: -1000px; position: relative; }
}