.row .row .paneWrapper{ margin: 0; margin-bottom: 15px; } .row .row .paneWrapper .columns{ padding: 0; } .paneWrapper { background-color: #ddd; padding-top: 10px; } .paneDiv{ width: 50%; /*border: 1px solid #ccc;*/ float: left; } .paneDiv ul { list-style: none; margin-left: 0px; } .paneDiv li{ border-bottom: 1px solid #ccc; margin-bottom: 0px; } .paneDiv:nth-child(1){ padding-right: 20px } .paneDiv li a, .paneDiv li a:hover{ display: block; padding-left: 10px; padding-right: 10px; padding-top: 7px; padding-bottom: 7px; } .paneDiv li:hover{ background-color: #aaa; } .hintWrapper .brace{ float: left; height: 230px; margin-left: 10px; } .hintWrapper .arrow{ display: block; margin-top: 20px; margin-left: 25%; margin-bottom: 10px; } .hintWrapper div{ font-size: 30px; margin-left: 0%; padding-right: 0px; margin-top: 65px; width: 40%; float:right; } .highlighted{ background-color: #313030; color: #eee; } .highlighted a{ } .paneDiv ul li.hasChildren { background-image: url("/css/images/ToggleNorm.png"); background-position: right center; background-repeat: no-repeat; } .paneDiv ul li.highlighted.hasChildren { background-image: url(/css/images/ToggleNormRED.png); background-repeat: no-repeat; background-position: right center; /* background-position: right center\9; '\9' = fix for < IE 8 */ } h1{ margin-bottom: 15px; } .backButton{ float: left; } .backButton a{ display: block; padding: 2px; padding-right: 10px; font-size: 22px; } .paneDivMobile { width: 50%; } .categoryRow h4{ border-bottom: 1px solid #cdcdcd; padding-bottom: 3px; margin-bottom: 10px; } .categoryRow ul li{ line-height: 1.3em; color: #999; } @media only screen and (max-width: 767px) { .hintWrapper .brace{ height: 230px; margin-right: 7px; margin-left: 0px; } .hintWrapper div{ font-size: 15px; margin-left: 0px; margin-top: 30px; padding-right: 5px; padding-top: 5px; width:30%; } .hintWrapper .arrow{ display: block; margin: 10px 0px 0px 0px; width: 75px; } }