.col-large, .col-small {
  display:  block;
  float:    left;
}

.col-large {
  width:  45%;
}

.versus {
  font-family:    'lato_bold';
  font-size:      200%;
  text-align:     center;
  vertical-align: middle;
}

.col-small {
  height:         240px;
  line-height:    240px;
  width:          10%;
}

.tooltip {
  position:       absolute;
  width:          100px;
  height:         100px;
  border-radius:  20px;
  border:         solid 2px #000;
}

.tooltip-good {
  background-color: #32bbee;
}

.tooltip-bad {
  background-color: 
}

#compare-wrapper {
  height: 250px;
}

#content-wrapper {
  margin-top: 20px;
}

.tab-title {
  border-radius:  5px 5px 0px 0px;
  background-color: #cdcdcd;
  display:      inline-block;
  font-family:  'oswald';
  font-size:    130%;
  padding:      5px 10px;
  width:        auto;
}

.content-text {
  border:         2px solid #cdcdcd;
  border-radius:  0px 5px 5px 5px;
  padding:        5px;
}

.page.right .tab-title {
  float:  right;
  border-radius:  0px 0px 5px 5px;
}

.page.right .content-text {
  border-radius:  5px 5px 0px 5px !important;
}

.content {
  font-family:  'lato_regular';
}