.col-subida {
  background: #66b564; }
  .col-subida .var-title {
    color: #66b564; }

.col-bajada {
  background: #f33d3d; }
  .col-bajada .var-title {
    color: #f33d3d; }

.var-col {
  padding: 10px;
  color: white;
  padding-bottom: 20px; }
  .var-col .col-title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px; }
  .var-col .var-image {
    height: 250px;
    position: relative; }
    .var-col .var-image .var-title {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background: rgba(255, 255, 255, 0.3);
      padding: 15px;
      text-shadow: 0 0 1px #000;
      text-align: center;
      font-weight: bold; }
      .var-col .var-image .var-title .title {
        font-size: 20px; }
  .var-col .var-text {
    background: white;
    padding: 10px;
    color: #2e2e2e; }

.last-variometros .red {
  color: #f33d3d; }
  .last-variometros .green {
    color: #66b564; }
  .last-variometros .var-row {
    padding-top: 15px; }
  .last-variometros .title {
    margin-bottom: 5px;
    margin-top: 40px;
    font-size: 22px;
    font-weight: bold; }