.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
  
  .row > [class*='col-'] {
    display: flex;
    flex-direction: column;
    align-self: center;
  }
  
  .row > [class*='col-'] img {
    align-self: center;
  }
  
  img.logo {
    margin-bottom: 15px;
}

.img-responsive {
    margin: 0 auto;
}

.itemImage {
    padding: 0px;
}

div.minprice_margin {
    margin-top: 15px;
}

.howtouse {
    font-size: 1.25em;
    
}

.price {
    color: crimson;
}

.used {
    font-size: 0.7em;
}

.yahooResultBox {
    margin-bottom: 30px;
}

.resultItem {
    margin: 10px 0px;
}

.store {
    font-size: smaller;
}

.point {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    margin: 10px 0px;
}

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100px;
}


@media (max-width: 767px) {
    div.minprice_margin_xs {
        margin-top: 15px;
    }

    h2 {
        font-size: 20px;
    }
}
  
@media (min-width: 768px) {
    .row.equal {
        display: flex;
        flex-wrap: wrap;
      }
    }

    .vertical-center {
        min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
        min-height: 100vh; /* These two lines are counted as one :-)       */
      
        display: flex;
        align-items: center;
    }

    .howtouse {
        font-size: 1.5em;
    }

    .resultItem {
        margin: 30px 0px;
    }

    .price {
        text-align: center;
        font-size: larger;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pointBox {
        text-align: center;
        align-items: center;
        justify-content: center;
    }
}