@media (min-width: 768px) {
  body { 
    background: url(../img/paper_fibers.png) repeat 0 0;  
  }
  .sitehead { font-size: 48px; }
  .sitehead .a { color: #ff6f2e; }
  .sitehead .b { color: #ffb18d; }
  .sitehead a { text-decoration: none; }
  .container { padding: 0 30px; }
}
@media (max-width: 767px) {
  .sitehead { display: none; }
  .container { padding: 0 15px; } 
}

.form-control {
   font-size: 16px;
} 

.container { 
	background-color: #fff; 
}
.content { min-height:100vh; }
.cmnav { background-color: #71A5D2; margin: 5px 0 5px; padding: 4px 5px; color: #fff; }
.cmnav a { color: white; }

.headerad { margin: 10px 0; }

/* for conversion pages */
#lk { margin: 50px 0 0 0; }
#results { font-size: 120%; background-color: hsl(210, 90%, 95%); border-radius: 5px; border: 1px solid rgba(0,0,0,.2); padding: 10px; position: relative; }
#results .unit-info { position: absolute; top: 0; right: 0; font-size: 85%; padding: 2px 5px; color: #337AB7; }
#results .unit-info:hover { cursor: pointer; text-decoration: underline; }
.fraction td.neg { vertical-align: center; }
.fraction td.w { padding-right: 5px; vertical-align: center; }
.fraction td.u { padding-left: 10px; vertical-align: center; }
.fraction td.d { border-top: 1px solid #999; text-align: center; }
.fraction td.n { text-align: center; }
.divSwap { margin-top: 45px;}
#disclaimer { font-size: 85%; font-style: italic; margin: 10px 0 0 0; }
.formula { font-weight: bold; }
#adunit { margin: 10px 0; }



#results sup.a { margin: 0 0 0 2px; color: #999; cursor: pointer; font-weight: normal; }
#results sup.a :hover { font-weight: bold; }

.footer { height: 50px; background-color: #999; margin: 50px -30px 0; }