/*DEVICE AGNOSTIC (generally things like alignment, color, etc.)*/
/* line 5, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
.jumbotron {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  color: white;
  /*padding totally controlled by the fact that everything is a "home-block" */
  padding-top: 0px;
  padding-bottom: 0px;
  /*text-shadow: 1px 1px 0px black;*/
  text-shadow: 0px 0px 3px #000, -1px -1px #000, 1px 1px #000;
}

/* HOW IT WORKS SECTION (done as a section, NOT by device agnostic or whatever */
/* line 20, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
#how-it-works hr {
  border: 1px dotted #29a6b1;
}

/* line 24, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
#address-box {
  background-color: #f3ed9f;
  padding: 10px;
}

/* line 29, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
.circle.rent {
  background: #29a6b1;
}

/* line 32, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
.circle.buy {
  background: #f09b20;
}

/* line 35, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
.circle.borrow {
  background: #71a344;
}

/* line 39, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
.circle {
  width: 100%;
  position: relative;
  padding-top: 100%;
  /* 1:1 Aspect Ratio  (i..e, height same as width) */
}

/* line 45, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
.circle-caption {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* line 53, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
.circle-caption div {
  display: table;
  width: 100%;
  height: 100%;
}

/* line 59, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
.circle-caption span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: white;
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  /*font-size: 30px;*/
  /* see screens below */
}

@media screen and (min-width: 300px) {
  /* line 70, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .delivery-hr {
    margin-top: 0px;
  }

  /* line 73, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .circle-caption span {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  /* line 79, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .circle-container {
    padding-bottom: 10%;
  }

  /* line 82, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .delivery-hr {
    margin-top: default;
  }

  /* line 85, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .circle-caption span {
    font-size: 30px;
  }
}
/***********/
/*spaces out the buttons (since they're one on top of the other on small screens, but next to each other on large screens) */
@media screen and (orientation: portrait) and (max-width: 768px) {
  /* line 95, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #cta-redirect #top-button {
    margin-bottom: 10px;
  }
}
/*on phone in landscape, buttons sde by side again (for larger screens, this is auto set by col-sm*/
@media screen and (orientation: landscape) and (max-width: 768px) {
  /* line 101, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #cta-redirect .button {
    width: 50%;
  }
}
/* line 106, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
.redirect-cta {
  background-color: white;
  border: 2px solid #b92424;
  color: #b92424;
  text-decoration: none;
  white-space: normal;
}

@media screen and (min-width: 768px) {
  /*this applies not only to landscape ipad but also to James' mac and above, also need some wrapbrandng*/
}
@media screen and (min-width: 768px) and (orientation: portrait) {
  /*ipads need adjusted height alignment because button text will wrap*/
  /* line 117, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .redirect-cta {
    height: 125px;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  /* line 124, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .redirect-cta {
    height: 110px;
  }
}
@media screen and (min-width: 320px) {
  /* line 131, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .brand-block {
    height: 100px;
    padding: 5px;
  }

  /* line 135, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .news-block {
    height: 100px;
  }
}
@media screen and (min-width: 600px) {
  /* line 141, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .brand-block {
    height: 150px;
    padding: 5px;
  }
}
@media screen and (max-width: 768px) and (orientation: landscape) {
  /* line 148, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .brand-block {
    padding: 10px;
  }
}
@media screen and (min-width: 730px) and (orientation: landscape) {
  /* line 154, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .brand-block {
    height: 184px;
  }

  /* line 157, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .news-block {
    height: 150px;
  }
}
@media screen and (min-width: 1200px) {
  /* line 163, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .brand-block {
    height: 100px;
  }
}
@media screen and (min-width: 300px) {
  /* line 169, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #how-it-works ul {
    padding-left: 10px;
  }
}
@media screen and (min-width: 600px) {
  /* line 175, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #how-it-works ul {
    padding-left: 15px;
  }
}
@media screen and (min-width: 1200px) {
  /* line 181, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #how-it-works ul {
    padding-left: 30px;
  }
}
/* line 186, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
#how-it-works ul {
  list-style-position: outside;
}

/* line 190, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
.how-it-works-sub-header {
  /*background-color:$orange; */
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 3px solid #29a6b1;
  /*border-radius: 10px;*/
  color: #29a6b1;
}

/* line 201, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
.how-it-works-hours {
  background-color: #f6f6f6;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #f6f6f6;
  border-radius: 10px;
}

/* line 209, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
.calculator-content-box#input-fields {
  background-color: #f6f6f6;
}

/* line 212, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
.calculator-content-box#calculator-interpretation {
  background-color: #f3ed9f;
}

/* line 215, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
#calculator-interpretation #explanation .cta-lead {
  font-weight: bold;
}

/* line 220, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
.background-gray {
  background-color: #f6f6f6;
}

/* line 223, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
#review-text {
  color: #b92424;
  font-family: 'Source Serif Pro', serif;
  font-weight: 400;
}

/* line 228, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
.selected-review {
  border-bottom-color: #b92424;
  border-bottom-style: solid;
}

/* line 234, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
.protips-block {
  height: 140px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 20px;
}

/* DEVICE SPECIFIC (generally things with size, height, width)*/
/* SINGLE ORIENTATION */
/*all background images are pulled from an "avg" portrait/landscape size, that way we don't have re-load to get new image when user flips the phone around */
/* this one is unique, for landscape, all except Nexus 6 takes col-xs, so we need to constrain the width of certain things further, but after nexus 6, the col-sm takes over */
@media screen and (orientation: landscape) and (max-width: 768px) {
  /* line 251, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .circle-box {
    width: 40%;
    margin-left: 30%;
  }

  /* line 255, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .review-image {
    width: 50%;
    margin-left: 25%;
  }

  /* logo width controlled by col- but this breaks in landscape because col-xs-6 becomes HUGE but in portrait it's actually very small */
  /* line 261, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .logo-row {
    padding-left: 70px;
    padding-right: 70px;
    margin-top: 0px;
    margin-bottom: 0px;
    /* pulls up the content*/
  }

  /* because otherwise it would go with the -xs-12 and take up full width*/
  /* line 269, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .location-image {
    width: 40%;
  }

  /* line 272, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .location-description {
    width: 60%;
  }
}
/*max-width 767px means that it does NOT include the 768 px (starting of ipad, which means the logo-row is probably incorrect, shoudl look into that at some point, because likely the logo-row section is then combinable somewhere)*/
@media screen and (orientation: portrait) and (max-width: 767px) {
  /* we need a little less than xs-12 although xs-12 is what we need for th elandscape to work out, basically would need to do a percent cut somehwere */
  /* line 280, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .location-image {
    width: 90%;
    margin-left: 5%;
    /* below is to separate the boxes that would be side by side in landscape */
    margin-bottom: 20px;
  }
}
@media screen and (orientation: portrait) and (max-width: 768px) {
  /* line 290, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .logo-row {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    /* use this in place of natural margin-top on h1 */
  }
}
@media screen and (orientation: landscape) and (min-width: 768px) {
  /* line 299, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .logo-row {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    /* use this in place of natural margin-top on h1 */
  }
}
/***************PORTRAIT**************/
/* iphone 5 */
@media screen and (orientation: portrait) and (min-width: 300px) {
  /* line 310, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .jumbotron {
    padding-bottom: 20px;
  }

  /* line 313, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .home-block {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  /* line 318, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .headline-break {
    display: inline;
  }

  /* line 321, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-jumbotron-header-and-how-to {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  /* line 325, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .cta-row {
    margin-top: 270px;
  }

  /* line 329, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-howto-header-and-content {
    margin-bottom: 30px;
  }

  /* line 333, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison .table-display {
    height: 135px;
  }

  /* line 336, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison-headline {
    font-size: 40px;
    font-weight: bold;
  }

  /* line 340, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison-subheadline {
    font-size: 25px;
    font-weight: bold;
  }

  /* line 346, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #calculator-box {
    border: 2px solid #444444;
    padding: 10px;
  }

  /* line 350, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .calculator-content-box {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  /* line 356, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #review-text-div {
    height: 230px;
  }

  /* line 359, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .review-image {
    margin-bottom: -5px;
    /* pulls up reviewr info becuase there's a big gap*/
  }
}
/* galaxy s5, iphone 6 */
@media screen and (orientation: portrait) and (min-width: 360px) {
  /* line 367, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .jumbotron {
    padding-bottom: 20px;
  }

  /* line 371, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .home-block {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  /* line 376, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .headline-break {
    display: inline;
  }

  /* line 379, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-jumbotron-header-and-how-to {
    margin-top: 0px;
    margin-bottom: 30px;
  }

  /* line 383, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .cta-row {
    margin-top: 330px;
  }

  /* line 387, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-howto-header-and-content {
    margin-bottom: 30px;
  }

  /* line 391, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison .table-display {
    height: 135px;
  }

  /* line 394, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison-headline {
    font-size: 50px;
    font-weight: bold;
  }

  /* line 398, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison-subheadline {
    font-size: 30px;
    font-weight: bold;
  }

  /* line 404, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #calculator-box {
    border: 2px solid #444444;
    padding: 10px;
  }

  /* line 408, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .calculator-content-box {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  /* line 414, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #review-text-div {
    height: 200px;
  }

  /* line 417, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .review-image {
    margin-bottom: 0px;
    /* pulls up reviewr info becuase there's a big gap*/
  }
}
/* nexus 5x, iphone 6plus, nexus 6p */
@media screen and (orientation: portrait) and (min-width: 400px) {
  /* line 425, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .jumbotron {
    padding-bottom: 20px;
  }

  /* line 429, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .home-block {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  /* line 434, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .headline-break {
    display: inline;
  }

  /* line 437, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-jumbotron-header-and-how-to {
    margin-top: 0px;
    margin-bottom: 30px;
  }

  /* line 441, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .cta-row {
    margin-top: 330px;
  }

  /* line 445, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-howto-header-and-content {
    margin-bottom: 30px;
  }

  /* line 449, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison .table-display {
    height: 135px;
  }

  /* line 452, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison-headline {
    font-size: 50px;
    font-weight: bold;
  }

  /* line 456, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison-subheadline {
    font-size: 30px;
    font-weight: bold;
  }

  /* line 462, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #calculator-box {
    border: 2px solid #444444;
    padding: 10px;
  }

  /* line 466, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .calculator-content-box {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  /* line 472, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #review-text-div {
    height: 200px;
  }

  /* line 475, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .review-image {
    margin-bottom: 25px;
    /* otherwise image overlaps with review text because col-xs-4 is too wide and generates an image that's too tall */
  }
}
/* kindle ipad */
@media screen and (orientation: portrait) and (min-width: 600px) {
  /* line 483, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .jumbotron {
    padding-bottom: 40px;
  }

  /* line 486, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .home-block {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  /* line 490, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .headline-break {
    display: none;
  }

  /* line 493, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-jumbotron-header-and-how-to {
    margin-top: 10px;
    margin-bottom: 40px;
  }

  /* line 497, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .cta-row {
    margin-top: 350px;
  }

  /* line 501, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-howto-header-and-content {
    margin-bottom: 20px;
  }

  /* line 505, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison .table-display {
    height: 135px;
  }

  /* line 508, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison-headline {
    font-size: 50px;
    font-weight: bold;
  }

  /* line 512, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison-subheadline {
    font-size: 30px;
    font-weight: bold;
  }

  /* line 518, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #calculator-box {
    border: 2px solid #444444;
    padding: 10px;
  }

  /* line 522, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .calculator-content-box {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  /* line 528, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #review-text-div {
    height: 200px;
  }

  /* line 531, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .review-image {
    margin-bottom: 25px;
    /* otherwise image overlaps with review text because col-xs-4 is too wide and generates an image that's too tall */
  }

  /* line 534, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .reviewer-info {
    padding-left: 0px;
  }
}
/***************LANDSCAPE**************/
/* iphone 5*/
@media screen and (orientation: landscape) and (min-width: 500px) {
  /* line 545, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .jumbotron {
    padding-bottom: 20px;
  }

  /* line 548, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .home-block {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  /* line 553, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .headline-break {
    display: none;
  }

  /* line 556, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-jumbotron-header-and-how-to {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  /* line 560, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .cta-row {
    margin-top: 70px;
  }

  /* line 564, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-howto-header-and-content {
    margin-bottom: 30px;
  }

  /* line 568, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison {
    width: 33%;
  }

  /* line 571, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison .table-display {
    width: 100%;
    height: 100px;
  }

  /* line 575, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison-headline {
    font-size: 50px;
    font-weight: bold;
  }

  /* line 579, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison-subheadline {
    font-size: 30px;
    font-weight: bold;
  }

  /* line 585, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #calculator-box {
    border: 2px solid #444444;
    padding: 10px;
  }

  /* line 589, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .calculator-content-box {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  /* line 595, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #review-text-div {
    height: 150px;
  }

  /* line 598, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .review-image {
    margin-bottom: -5px;
    /* pulls up reviewr info becuase there's a big gap*/
  }
}
/* galaxy s5, iphone 6 */
@media screen and (orientation: landscape) and (min-width: 600px) {
  /* line 607, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .jumbotron {
    padding-bottom: 15px;
  }

  /* line 610, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-jumbotron-header-and-how-to {
    margin-top: 10px;
    margin-bottom: 15px;
  }

  /* line 614, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .cta-row {
    margin-top: 120px;
  }

  /* line 618, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-howto-header-and-content {
    margin-bottom: 30px;
  }

  /* line 622, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .review-image {
    margin-bottom: 10px;
    /* negates previous effect */
  }

  /* line 625, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #review-text-div {
    height: 130px;
  }
}
/* nexus 5x, iphone 6plus */
@media screen and (orientation: landscape) and (min-width: 700px) {
  /* line 632, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .jumbotron {
    padding-bottom: 15px;
  }

  /* line 635, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .home-block {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  /* line 639, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .jumbotron .home-block {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  /* line 644, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-howto-header-and-content {
    margin-bottom: 30px;
  }

  /* line 648, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .review-image {
    margin-bottom: 25px;
  }
}
/* nexus 6p, this takes on col-sm, small desktops */
@media screen and (orientation: landscape) and (min-width: 750px) {
  /* line 655, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .reviewer-info {
    padding-left: 0px;
  }

  /* line 658, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #review-text-div {
    height: 160px;
  }

  /* line 662, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-howto-header-and-content {
    margin-bottom: 30px;
  }
}
/* kindle, ipad */
@media screen and (orientation: landscape) and (min-width: 800px) {
  /* line 669, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .jumbotron {
    padding-bottom: 30px;
  }

  /* line 673, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .home-block {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  /* line 678, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .headline-break {
    display: none;
  }

  /* line 681, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-jumbotron-header-and-how-to {
    margin-top: 10px;
    margin-bottom: 30px;
  }

  /* line 685, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .cta-row {
    margin-top: 350px;
  }

  /* line 689, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-howto-header-and-content {
    margin-bottom: 45px;
  }

  /* line 693, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison .table-display {
    height: 135px;
  }

  /* line 696, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison-headline {
    font-size: 50px;
    font-weight: bold;
  }

  /* line 700, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison-subheadline {
    font-size: 30px;
    font-weight: bold;
  }

  /* line 706, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #calculator-box {
    border: 2px solid #444444;
    padding: 10px;
  }

  /* line 710, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .calculator-content-box {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  /* line 716, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #review-text-div {
    height: 210px;
  }

  /* line 719, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .review-image {
    margin-bottom: 25px;
    /* otherwise image overlaps with review text because col-xs-4 is too wide and generates an image that's too tall */
  }

  /* line 722, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .reviewer-info {
    padding-left: 0px;
  }
}
/* larger desktops (James' mac, col-lg) */
@media screen and (orientation: landscape) and (min-width: 1200px) {
  /* line 730, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .jumbotron {
    padding-bottom: 40px;
  }

  /* line 734, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .home-block {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  /* line 739, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .headline-break {
    display: none;
  }

  /* line 742, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-jumbotron-header-and-how-to {
    margin-top: 0px;
    margin-bottom: 30px;
  }

  /* line 746, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .cta-row {
    margin-top: 410px;
  }

  /* line 750, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-howto-header-and-content {
    margin-bottom: 50px;
  }

  /* line 754, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison .table-display {
    height: 135px;
  }

  /* line 757, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison-headline {
    font-size: 100px;
    font-weight: bold;
  }

  /* line 761, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison-subheadline {
    font-size: 50px;
    font-weight: bold;
  }

  /* line 767, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #calculator-box {
    border: 2px solid #444444;
    padding: 10px;
  }

  /* line 771, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .calculator-content-box {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  /* line 777, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #review-text-div {
    height: 220px;
  }

  /* line 780, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .review-image {
    margin-bottom: 25px;
    /* otherwise image overlaps with review text because col-xs-4 is too wide and generates an image that's too tall */
  }

  /* line 783, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .reviewer-info {
    padding-left: 0px;
  }
}
/* giant desktops */
@media screen and (orientation: landscape) and (min-width: 1900px) {
  /* line 792, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .jumbotron {
    padding-bottom: 80px;
  }

  /* line 796, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .home-block {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  /* line 801, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .headline-break {
    display: none;
  }

  /* line 804, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-jumbotron-header-and-how-to {
    margin-top: 20px;
    margin-bottom: 70px;
  }

  /* line 808, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .cta-row {
    margin-top: 890px;
  }

  /* line 812, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .space-btw-howto-header-and-content {
    margin-bottom: 70px;
  }

  /* line 816, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison .table-display {
    height: 250px;
  }

  /* line 819, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison-headline {
    font-size: 150px;
    font-weight: bold;
  }

  /* line 823, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .comparison-subheadline {
    font-size: 80px;
    font-weight: bold;
  }

  /* line 829, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #calculator-box {
    border: 2px solid #444444;
    padding: 10px;
  }

  /* line 833, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .calculator-content-box {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  /* line 838, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  #review-text-div {
    height: 300px;
  }

  /* line 841, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .review-image {
    margin-bottom: 25px;
    /* otherwise image overlaps with review text because col-xs-4 is too wide and generates an image that's too tall */
  }

  /* line 844, /Users/jamesdong/development/lastmingear/app/assets/stylesheets/1_home.css.scss */
  .reviewer-info {
    padding-left: 0px;
  }
}