/*
Author: Christopher Michael Pastore
Author URI: https://ChrisPastore.com/
Version: 1.0
*/
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* start global styles */
@media all {
	body {
		background-color: #003366;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size: 16px;
		font-weight: 300;
		line-height: 1.6em;
		color: #ffffff;
	}
	h1, h2, h3, p {
		color: #ffffff;
	}
	h1, h2,	h3 {
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-weight: 700;
		line-height: 1.1em;
	}
	.cta-container {
		background-color: #003366;
	}
	.cta-content-2 h1 {
		font-size: 23px;
		text-transform: uppercase;
		color: #ffffff;
		text-align: center;
	}
	.cta-content-2 h1 span {
		color: #ffff00;
	}
	.cta-content-2 h2 {
		padding: 5px 5px 8px 5px;
		font-size: 30px;
		color: #ffffff;
		text-transform: uppercase;
		text-align: center;
		background: #000000;
	}
	.cta-content-2 p {
		margin-top: 26px;
		margin-bottom: 26px;
		font-size: 17px;
	}
	.cta-content-2 p.or-call {
		font-size: 22px;
	}
	.for-button p.or-call {
		font-size: 22px;
	}
	p {
		margin-top: 15px;
		margin-bottom: 15px;
		color: #ffffff;
	}
	a {
		color: #ffff00;
		text-decoration: underline;
	}
	.phone-link {
		white-space: nowrap;
		text-decoration: none;
	}
	.phone-link:hover, .phone-link:focus {
		text-decoration: none;
	}
	.for-button .phone-link, .cta-content-2 .phone-link {
		color: #ffffff;
	}
	.cta-container {
		padding-top: 0px;
		padding-bottom: 20px;
	}
	.btn-default {
		background: #ffff00;
		border-color: #ffff00;
		font-size: 22px;
		color: #000000;
		text-transform: uppercase;
		font-weight: 700;
		text-decoration: none;
	}
	.btn-default:hover {
		color: #000000;
		background: #eeee6b;
		border-color: #eeee6b;
	}
	.cta-content-2 small {
		text-align: center;
		font-size: 14px;
	}
	.inventory-container {
		padding-top: 10px;
		padding-bottom: 10px;
		background: #000000;
	}
	.inventory-content-1 h2 {
		font-size: 32px;
		line-height: 1.0em;
		color: #ffffff;
		text-align: center;
		text-transform: uppercase;
	}
	.reviews-container {
		background-color: #cccccc;
		background-image: url(/images/bg.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position-x: right;
		background-position-y: top;
		background-attachment: fixed;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.reviews-content-1 h2 {
		text-transform: uppercase;
	}
	.feature {
		padding: 16px;
		background-color: #003366;
		border: 10px solid #cccccc;
		border-radius: 16px;
		color: #ffffff;
	}
	.feature h2 {
		font-size: 22px;
		background: transparent ;
		color: #ffff00;
	}
	.feature p {
		font-size: 20px;
		color: #ffffff;
	}
	.feature .glyphicon {
		font-size: 20px;
		color: #ffffff;
	}
	.form-container {
		padding-top: 40px;
		padding-bottom: 40px;
		background-color: rgba(0, 0, 0, 0.3);
	}
	.form-content-1 h2 {
		font-size: 30px;
		line-height: 1.0em;
		color: #ffffff;
		text-align: center;
		text-transform: uppercase;
		background: none;
	}
	.form-content-1 h2 span {
		color: #ffff00;
	}
	.form-content-1 h3 {
		padding-bottom: 10px;
		font-size: 20px;
		line-height: 1.2em;
		color: #ffffff;
		text-align: center;
		text-transform: uppercase;
	}
	.form-control:focus,
	.form-control:hover {
		background: #1ed3d3;
	}
	.for-button {
		padding-top: 15px;
	}

	.footer-content {
		padding-top: 20px;
		padding-bottom: 0px;
		font-size: 16px;
		line-height: 1.3em;
	}
	.footer-content a {
		color: #ffff00;
		text-decoration: underline;
	}
	.sponsor-container {
		padding-top: 120px;
		padding-bottom: 0px;
		font-size: 14px;
		line-height: 1.3em;
	}
}
/* end global styles */

/* start portrait phones and smaller */
@media (max-width: 480px) {}
/* end portrait phones and smaller */

/* start landscape phones and portrait tablets */
@media (max-width: 767px) {}
/* end landscape phones and portrait tablets */

/* start portrait tablets and small desktops / laptops */
@media (min-width: 768px) and (max-width: 991px) {
	.cta-container {
		padding-top: 20px;
	}
	.cta-content-1 {
		margin-top: 55px;
	}
	.cta-content-2 h1 {
		font-size: 30px;
	}
	.cta-content-2 h2 {
		font-size: 40px;
	}
	.cta-content-2 p {
		font-size: 20px;
	}
	.cta-content-2 p.or-call {
		font-size: 30px;
	}
	.for-button p.or-call {
		margin-top: 40px;
		font-size: 30px;
	}
	.btn-default {
		font-size: 32px;
	}
	.cta-container {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.inventory-content-1 h2 {
		font-size: 34px;
	}
	.form-content-1 h2 {
		font-size: 65px;
	}
	.form-content-1 h3 {
		font-size: 27px;
	}
}
/* end portrait tablets and small desktops / laptops */

/* start landscape tablets and medium desktops / laptops */
@media (min-width: 992px) and (max-width: 1199px) {
	body {
		font-size: 20px;
	}
	.cta-container {
		padding-top: 20px;
	}
	.cta-content-2 h1 {
		font-size: 40px;
	}
	.cta-content-2 h2 {
		font-size: 54px;
	}
	.cta-content-2 p.or-call {
		font-size: 35px;
	}
	.for-button p.or-call {
		margin-top: 40px;
		font-size: 35px;
	}
	.btn-default {
		font-size: 43px;
	}
	.inventory-content-1 h2 {
		font-size: 47px;
	}
	.feature h2 {
		font-size: 22px;
	}
	.form-content-1 h2 {
		font-size: 77px;
	}
	.form-content-1 h3 {
		font-size: 34px;
	}
}
/* end landscape tablets and medium desktops / laptops */

/* start large desktops / laptops */
@media (min-width: 1200px) {
	body {
		font-size: 22px;
	}
	.cta-content-1 {
		margin-top: 55px;
	}
	.cta-content-2 {
		padding-top: 60px;
		padding-bottom: 20px;
	}
	.cta-content-2 h1 {
		font-size: 49px;
	}
	.cta-content-2 h2 {
		font-size: 66px;
	}
	.cta-content-2 p {
		font-size: 26px;
		line-height: 1.3em;
	}
	.cta-content-2 p.or-call {
		font-size: 40px;
	}
	.for-button p.or-call {
		margin-top: 40px;
		font-size: 40px;
	}
	.btn-default {
		font-size: 52px;
	}
	.inventory-content-1 h2 {
		font-size: 57px;
	}
	.feature .glyphicon {
		font-size: 42px;
	}
	.feature h2 {
		font-size: 26px;
	}
	.form-content-1 h2 {
		font-size: 90px;
	}
	.form-content-1 h3 {
		font-size: 35px;
	}
}
/* end large desktops / laptops */