body {
padding: 10px; 
}
#page-choose-candidate h2, .h2 {
margin-top: 0px;
margin-bottom: 10px;
}

#page-ballot  h2, .h2 {
margin-top: 0px;
margin-bottom: 10px;
}

#page-ballot #underTitle {
display: none;
}

#page-homepage .btn-lg, #page-homepage .btn-group-lg>.btn {
padding: 20px 0px;
font-size: 22px;
line-height: 1.33;
border-radius: 6px;
margin: 10px 0px;
min-width: 270px;
}
.the_answer{white-space: pre-wrap}
@media (min-width: 768px) {
.lead {
font-size: 18px;
}}

.mainBG {
background: transparent;
}

.col-sm-7 {
width: 100%;
border: 1px solid #ccc;
border-radius:4px;
}

.bar>h2>a {
font-size: 24px;
font-weight:bold;
color: #333333;
background: #cccccc;
border-top: 0px;
margin-top: 20px;
text-decoration: none;
padding: 11px 40px 11px 16px;
line-height: 1.3;
border-radius: 4px;
}

.bar>h2>a:hover {
background: #bababa;
color:#000000;}

#content {
padding-top: 20px;
border: 1px solid #dcdcdc;
border-radius: 4px;
margin-top:15px;
}

.panel-collapse.collapse.in  {
background: #E0E0E0;
}

.col-sm-6.left {
background:#fff;
}

#content .row>.col-sm-6.right {
background:#fff;
}

#content .row>.col-sm-6.left.candidateSummaryBox {
border:4px solid #ccc;
border-radius:4px;
}

#content .row>.col-sm-6.right.candidateSummaryBox {
border:4px solid #ccc;
border-radius:4px;
}
.infoCell{border:4px solid #ccc;background:#fff;border-radius:4px;}
.checkRow p{margin: 0;}
.candidateSummaryBox.odd {background: #fafafa;}



@media (max-width: 768px) { 

.media, .media-body {
overflow: initial;
zoom: 1;
}

#content {
padding-top: 20px;
border: 0px solid #dcdcdc;
border-radius: 4px;
margin-top:15px;
}
h3, .h3 {
font-size: 18px;
}

.panel-collapse.collapse.in  {
background: #fff;
border: 1px solid #dcdcdc;
border-radius: 4px;
}

#content .row>.col-sm-6.left {
height:auto;
background:#fff;
}

#content .row>.col-sm-6.right {
background:#fff;
}


#content .row>.col-sm-6.left {
background:#fff;
}

#content .row>.col-sm-6.right {
background:#fff;
}

#content .row>.col-sm-6.left.candidateSummaryBox {
}

#content .row>.col-sm-6.right.candidateSummaryBox {
}

/* =======================
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px;
float: left;
}

.navbar-nav {
margin: 7.5px -15px;
width: 320px;
float: left;
}

.navbar-default .navbar-nav>li>a {
color: #777;
padding: 10px;
}

ul.nav.navbar-nav.navbar-right {
width: 150px;
float: right;
margin-left: 0px;
}  ======================= */
}