#comparison .play-fi {
	color: #177ce8;
}
h2 {
  line-height: 1.2;
  margin-bottom: 0.5rem;
}
a.int {
	font-size: .75em !important;
	text-shadow: none;
	transition: color 0.3s ease;
	color: #eee;
}
a.int:hover, a.int:active {
	color: #177ce8 !important;
}
.landing {
	position: relative;
}
.landing-text {
	position: absolute;
	top: 0;
	padding: 1rem;
	text-align: center;
	color: white;
	width: 100%;
	text-shadow: 1px 1px 2px #333;
}
@media screen and (orientation: portrait) {
	.landing-text {
		top: .25rem;
	}
}
@media screen and (orientation: landscape) {
	.landing-text {
		text-align: left;
	}
}
@media screen and (min-width: 1020px) {
  .landing-text {
    padding-left: 2.5rem;
  }
}
.landing-text h2 {
	font-size: 1.5rem;
}
@media screen and (orientation: portrait) {
	.landing-text h2 {
		font-size: 1.5rem;
	}
}
@media screen and (min-width: 450px) and (orientation: portrait) {
	.landing-text h2 {
		font-size: 1.75rem;
	}
}
@media screen and (min-width: 568px) and (orientation: landscape) {
	.landing-text h2 {
		font-size: 2rem;
		margin-bottom: .25rem;
	}
}
@media screen and (min-width: 600px) and (orientation: portrait) {
	.landing-text h2 {
		font-size: 2.5rem;
	}
}
@media screen and (min-width: 720px) and (orientation: portrait) {
	.landing-text h2 {
		font-size: 3rem;
	}
}
@media screen and (min-width: 720px) and (orientation: landscape) {
	.landing-text h2 {
		font-size: 2.5rem;
		margin-bottom: .5rem;
	}
}
@media screen and (min-width: 900px) and (orientation: landscape) {
	.landing-text h2 {
		font-size: 3rem;
	}
}
@media screen and (min-width: 1200px) and (orientation: landscape) {
	.landing-text h2 {
		font-size: 4rem;
	}
}
.landing-text .landing-body {
	font-size: .75rem;
	line-height: 1.4;
}
@media screen and (min-width: 420px) and (orientation: landscape) {
	.landing-text .landing-body {
		width: 80%;
	}
}
@media screen and (min-width: 450px) and (orientation: portrait) {
	.landing-text .landing-body {
		font-size: .875rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}
@media screen and (min-width: 568px) and (orientation: landscape) {
	.landing-text .landing-body {
		width: 48%;
	}
}
@media screen and (min-width: 600px) and (orientation: portrait) {
	.landing-text .landing-body {
		font-size: 1.125rem;
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
@media screen and (min-width: 720px) and (orientation: portrait) {
	.landing-text .landing-body {
		font-size: 1.5rem;
		padding-left: 3rem;
		padding-right: 3rem;
	}
}
@media screen and (min-width: 680px) and (orientation: landscape) {
	.landing-text .landing-body {
		font-size: .875rem;
		width: 44%;
	}
}
@media screen and (min-width: 800px) and (orientation: landscape) {
	.landing-text .landing-body {
		font-size: 1rem;
	}
}
@media screen and (min-width: 1000px) and (orientation: landscape) {
	.landing-text .landing-body {
		font-size: 1.25rem;
	}
}
@media screen and (min-width: 1200px) and (orientation: landscape) {
	.landing-text .landing-body {
		font-size: 1.375rem;
	}
}
.landing-text p strong {
	color: #29FD2F
}
.landing-text body, .landing-text h1, .landing-text h2, .landing-text h3, .landing-text h4, .landing-text h5 {
	color: white;
}
.landing-buttons {
	position: absolute;
	bottom: 0;
	padding: 1rem;
}
@media screen and (min-width: 1020px) {
  .landing-buttons {
    padding-left: 2.5rem;
	bottom: 1rem;
  }
}
@media screen and (orientation: portrait) {
	.landing-buttons {
		width: 100%;
	}
}
@media screen and (orientation: landscape) {
  .landing-buttons form {
	  float: left;
	  margin-bottom: 0;
  }
}
.landing-buttons .button {
	border: none;
	background-color: white;
	color: black;
	font-size: 1.25rem;
	font-weight: bold;
	margin-bottom: 0;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	text-shadow: none;
	transition: all .3s ease-in-out;
}
.landing-buttons .button:hover, .landing-buttons .button:active {
	background-color: #EEE;
}
@media screen and (orientation: landscape) {
  .landing-buttons form, .landing-buttons .button {
	  float: left;
  }
  .landing-buttons .button {
  	padding: .75rem 1rem;
	}
  .landing-button-2 {
  	margin-left: .5rem;
  }
}
@media screen and (min-width: 568px) and (orientation: landscape) {
  .landing-buttons form, .landing-buttons .button {
	min-width: 13rem;
	clear: left;
  }
  .landing-button-2 {
  	margin-left: 0;
	margin-top: .5rem;
  }
  .landing-buttons .button {
  		padding: 1rem 1.5rem;
	}
}
@media screen and (min-width: 900px) and (orientation: landscape) {
  .landing-buttons form, .landing-buttons .button {
  	min-width: 18rem;
  }
  .landing-buttons .button {
  	padding: 1.75rem 1.5rem;
	font-size: 1.5rem;
  }
  .landing-button-2 {
  	margin-left: 0;
	margin-top: .75rem;
  }
}
@media screen and (orientation: portrait) {
	.landing-buttons .button {
		width: 100%;
	}
	.landing-button-2 {
		margin-top: .5rem;
	}
}
@media only screen and (min-width: 768px) {
  #weblog .weblog-excerpt {
    left: 0;
    width: 50%;
  }
  #weblog .weblog-excerpt:nth-child(2n+1) {
      clear: left;
    }
  }
}
#weblog .post-content.with-image {
  width: 100%;
}
#weblog .post-image {
  display: none;
}
@media only screen and (min-width: 420px) {
  #weblog .post-content.with-image {
    width: 66.66667%;
  }
  #weblog .post-image {
    display: block;
    width: 33.33333%;
  }
}
@media only screen and (min-width: 650px) {
  #weblog .post-content.with-image {
    width: 75%;
  }
  #weblog .post-image {
    display: block;
    width: 25%;
  }
}
@media only screen and (min-width: 768px) {
  #weblog .post-content.with-image {
    width: 66.66667%;
  }
  #weblog .post-image {
    display: block;
    width: 33.33333%;
  }
}
#weblog .weblog-excerpt .row{
  margin-right: 0;
  margin-left: 0;
}
#weblog .pagination {
  width: 100%;
  left: 0;
  margin-bottom: 40px;
  padding-left: 1.5rem;
}
#weblog .weblog-excerpt a p.date {
  color: #777;
  margin-bottom: 0.5rem;
}
.shipping-warning.strengthen {
	color: red;
}
#store-review .paypal {
	margin-top: 0;
}
#store-review label img {
	margin-left:10px;
}
#stripe-drawer {
	margin-bottom: 30px;
}