@media only screen and (max-width: 1236px){
	
	header .grid-x#header .topbar .nav-cell nav.scroll-nav a.nav-link {font-size: 15px; padding: 0 15px;}

	.grid-x.welcome section.parallax h1 {font-size: 45px;}
	.grid-x.welcome section.parallax h2 {font-size: 45px; padding: 0 30px 0 30px;}
	.grid-x.welcome section.parallax .quote {font-size: 26px;}
	.grid-x.welcome section.parallax .person {font-size: 16px;}

}

@media only screen and (max-width: 1080px){

	header .grid-x#header .topbar {display: none;}
	#hamburger {display: block;}

	.grid-x.welcome .logo img {width: 300px;}

	.grid-x.welcome section.parallax h1 {font-size: 42px;}
	.grid-x.welcome section.parallax h2 {font-size: 42px; padding: 0 30px 0 30px;}
	.grid-x.welcome section.parallax {max-height: 700px;}
	.grid-x.welcome section.parallax .quote {font-size: 24px;}
	.grid-x.welcome section.parallax .person {font-size: 15px; padding-left: 380px;}

	.grid-x.welcome section.buffer.sticky.who {max-height: 540px;}
	.grid-x.welcome section.buffer.sticky.who h2 {font-size: 34px;}
	.grid-x.welcome section.buffer.sticky.who .dots .grid-x.maxWidth .cell .title {font-size: 18px;}

	.grid-x.welcome section.sticky.thermostat {background-size: cover !important; background-position: center bottom !important; height: 100vh; max-height: 700px;}
	.grid-x.welcome section.sticky.thermostat h2 {font-size: 34px; padding: 0 45px 0 30px;}
	.grid-x.welcome section.sticky.thermostat .quote {font-size: 22px;}
	.grid-x.welcome section.sticky.thermostat .person {font-size: 14px; padding-left: 200px;}

	.grid-x.welcome section.buffer.sticky.cost .grid-x.maxWidth h2 {font-size: 42px;}
	.grid-x.welcome section.buffer.sticky.cost .grid-x.maxWidth .sub {font-size: 30px; padding-right: 30px;}

	.grid-x.welcome section.sticky.workers {background-size: cover !important; background-position: center bottom !important; height: 100vh; max-height: 700px;}
	.grid-x.welcome section.sticky.workers h2 {font-size: 34px; padding: 0 45px 0 30px;}
	.grid-x.welcome section.sticky.workers .quote {font-size: 22px;}
	.grid-x.welcome section.sticky.workers .person {font-size: 14px; padding-left: 200px;}

	.grid-x.welcome section.buffer.sticky.percent .grid-x.maxWidth h2 {font-size: 42px;}
	.grid-x.welcome section.buffer.sticky.percent .grid-x.maxWidth .sub {font-size: 30px; padding-right: 30px;}

	.grid-x.welcome section.sticky.phone {background-size: cover !important; background-position: center bottom !important; height: 100vh; max-height: 700px;}
	.grid-x.welcome section.sticky.phone h2 {font-size: 34px; padding: 0 45px 0 30px;}
	.grid-x.welcome section.sticky.phone .quote {font-size: 22px;}
	.grid-x.welcome section.sticky.phone .person {font-size: 14px; padding-left: 200px;}

	.grid-x.welcome section.buffer.sticky.multiply .grid-x.maxWidth h2 {font-size: 42px;}
	.grid-x.welcome section.buffer.sticky.multiply .grid-x.maxWidth .sub {font-size: 30px; padding-right: 30px;}

	.grid-x.welcome section.sticky.intelligence {background-size: cover !important; background-position: center bottom !important; height: 100vh; max-height: 700px;}
	.grid-x.welcome section.sticky.intelligence h2 {font-size: 34px; padding: 0 45px 0 30px;}
	.grid-x.welcome section.sticky.intelligence .quote {font-size: 22px; padding: 45px 0 10px 30px;}
	.grid-x.welcome section.sticky.intelligence .person {font-size: 14px; padding-left: 220px;}
	.grid-x.welcome section.sticky.intelligence .gold {font-size: 22px; padding: 45px 0 0 30px;}

	.grid-x.welcome section.sticky.intelligence2 {background-size: cover !important; background-position: center bottom !important; height: 100vh; max-height: 700px;}
	.grid-x.welcome section.sticky.intelligence2 h2 {font-size: 34px; padding: 0 45px 0 30px;}
	.grid-x.welcome section.sticky.intelligence2 .note {font-size: 22px; padding: 45px 0 10px 30px;}
	.grid-x.welcome section.sticky.intelligence2 .gold {font-size: 22px; padding: 45px 0 0 30px;}

	.grid-x.welcome section.sticky.price {background-size: cover !important; background-position: center bottom !important; max-height: calc(100vh - 65px) !important;}
	.grid-x.welcome section.sticky.price h2 {font-size: 34px; padding: 0 45px 0 30px;}
	.grid-x.welcome section.sticky.price .note {font-size: 22px;}
	.grid-x.welcome section.sticky.price .gold {font-size: 14px;}
	.grid-x.welcome section.sticky.price .crm-note {font-size: 20px;}
	.grid-x.welcome section.sticky.price img.pricing-svg {margin: 100px 0 0 25px; max-width: 75%;}
	.grid-x.welcome section.sticky.price img.monitor {margin: 50px auto 0; max-width: 90%;}

	.contact-buttons {bottom: 50px;}

	#scrollToTop {width: 50px; height: 50px; margin-left: -25px;}

	footer .grid-x.maxWidth .cell img.footer-logomark {width: 200px;}

}

@media only screen and (max-width: 960px){

	.grid-x.welcome .logo {margin: 70px 0 0 20px;}
	.grid-x.welcome .logo img {width: 240px;}

	.grid-x.welcome section.parallax h1 {font-size: 35px;}
	.grid-x.welcome section.parallax h2 {font-size: 35px; padding: 0 30px 0 30px;}
	.grid-x.welcome section.parallax .quote {font-size: 22px;}
	.grid-x.welcome section.parallax .person {font-size: 13px; padding-left: 320px;}

	.grid-x.welcome section.buffer.sticky.who h2 {font-size: 30px;}
	.grid-x.welcome section.buffer.sticky.who .dots .grid-x.maxWidth .cell .title {font-size: 18px;}

	.grid-x.welcome section.sticky.thermostat h2 {font-size: 32px;}
	.grid-x.welcome section.sticky.thermostat .quote {font-size: 19px; padding: 100px 0 10px 45px;}
	.grid-x.welcome section.sticky.thermostat .person {font-size: 14px; padding-left: 130px;}

	.grid-x.welcome section.sticky.workers h2 {font-size: 32px;}
	.grid-x.welcome section.sticky.workers .quote {font-size: 19px; padding: 100px 0 10px 45px;}
	.grid-x.welcome section.sticky.workers .person {font-size: 14px; padding-left: 130px;}

	.grid-x.welcome section.sticky.phone h2 {font-size: 32px; padding: 0 45px 0 30px;}
	.grid-x.welcome section.sticky.phone .quote {font-size: 19px; padding: 100px 0 10px 45px;}
	.grid-x.welcome section.sticky.phone .person {font-size: 14px; padding-left: 130px;}

	.grid-x.welcome section.sticky.intelligence h2 {font-size: 32px; padding: 0 45px 0 30px;}
	.grid-x.welcome section.sticky.intelligence .quote {font-size: 19px; padding: 45px 0 10px 30px;}
	.grid-x.welcome section.sticky.intelligence .person {font-size: 14px; padding-left: 200px;}
	.grid-x.welcome section.sticky.intelligence .gold {font-size: 22px; padding: 45px 0 0 30px;}

	.grid-x.welcome section.sticky.intelligence2 h2 {font-size: 32px; padding: 0 45px 0 30px;}
	.grid-x.welcome section.sticky.intelligence2 .note {font-size: 19px; padding: 45px 0 10px 30px;}
	.grid-x.welcome section.sticky.intelligence2 .gold {font-size: 22px; padding: 45px 0 0 30px;}

	.grid-x.welcome section.sticky.price h2 {font-size: 32px; padding: 0 45px 0 30px;}
	.grid-x.welcome section.sticky.price .note {font-size: 19px;}
	.grid-x.welcome section.sticky.price .gold {font-size: 14px;}
	.grid-x.welcome section.sticky.price .crm-note {font-size: 20px;}
	.grid-x.welcome section.sticky.price img.monitor {margin: 100px auto 0; max-width: 100%;}

	a.btn {font-size: 15px; margin-top: 40px;}

}

@media only screen and (max-width: 900px){

	.grid-x.welcome section.parallax .quote {font-size: 19px; padding-left: 160px;}
	.grid-x.welcome section.parallax .person {font-size: 13px; padding-left: 280px;}

	.grid-x.welcome section.buffer.sticky.who .dots .grid-x.maxWidth .cell .title {font-size: 17px;}

	.grid-x.welcome section.buffer.sticky.cost .grid-x.maxWidth h2 {font-size: 34px;}
	.grid-x.welcome section.buffer.sticky.cost .grid-x.maxWidth .sub {font-size: 26px; padding-right: 15px;}

	.grid-x.welcome section.buffer.sticky.percent .grid-x.maxWidth h2 {font-size: 34px;}
	.grid-x.welcome section.buffer.sticky.percent .grid-x.maxWidth .sub {font-size: 26px; padding-right: 15px;}

	.grid-x.welcome section.buffer.sticky.multiply .grid-x.maxWidth h2 {font-size: 34px;}
	.grid-x.welcome section.buffer.sticky.multiply .grid-x.maxWidth .sub {font-size: 26px; padding-right: 15px;}

}

@media only screen and (max-width: 900px){

	.grid-x.welcome section.parallax h1 {font-size: 34px;}

}

@media only screen and (max-width: 800px){

	.grid-x.welcome .logo {margin: 50px 0 0 20px;}
	.grid-x.welcome .logo img {width: 200px;}

	.grid-x.welcome section.parallax h1 {font-size: 30px;}
	.grid-x.welcome section.parallax h2 {font-size: 30px; padding: 0 30px 0 30px;}
	.grid-x.welcome section.parallax .quote {font-size: 19px; padding-left: 120px;}
	.grid-x.welcome section.parallax .person {font-size: 13px; padding-left: 240px;}

	.grid-x.welcome section.buffer.sticky.who {max-height: 480px;}
	.grid-x.welcome section.buffer.sticky.who h2 {font-size: 26px;}
	.grid-x.welcome section.buffer.sticky.who .dots .grid-x.maxWidth .cell .title {font-size: 15px; padding: 15px 0 0 45px;}
	.grid-x.welcome section.buffer.sticky.who .dots .grid-x.maxWidth .cell img.circle {margin-left: 10px;max-width: 90%;}

	.grid-x.welcome section.sticky.thermostat {max-height: 600px;}
	.grid-x.welcome section.sticky.thermostat h2 {font-size: 30px; padding: 0 45px 0 30px;}
	.grid-x.welcome section.sticky.thermostat .quote {font-size: 17px; padding-left: 0;}
	.grid-x.welcome section.sticky.thermostat .person {font-size: 12px;}

	.grid-x.welcome section.buffer.sticky.cost .grid-x.maxWidth h2 {font-size: 32px;}
	.grid-x.welcome section.buffer.sticky.cost .grid-x.maxWidth .sub {font-size: 24px; padding-right: 30px;}

	.grid-x.welcome section.sticky.workers {max-height: 600px;}
	.grid-x.welcome section.sticky.workers h2 {font-size: 30px; padding: 0 45px 0 30px;}
	.grid-x.welcome section.sticky.workers .quote {font-size: 17px; padding-left: 0;}
	.grid-x.welcome section.sticky.workers .person {font-size: 12px;}

	.grid-x.welcome section.buffer.sticky.percent {max-height: 480px;}
	.grid-x.welcome section.buffer.sticky.percent .grid-x.maxWidth h2 {font-size: 32px;}
	.grid-x.welcome section.buffer.sticky.percent .grid-x.maxWidth .sub {font-size: 24px; padding-right: 30px;}

	.grid-x.welcome section.sticky.phone {max-height: 600px;}
	.grid-x.welcome section.sticky.phone h2 {font-size: 30px; padding: 0 45px 0 30px;}
	.grid-x.welcome section.sticky.phone .quote {font-size: 17px; padding-left: 0;}
	.grid-x.welcome section.sticky.phone .person {font-size: 12px;}

	.grid-x.welcome section.buffer.sticky.multiply .grid-x.maxWidth h2 {font-size: 32px;}
	.grid-x.welcome section.buffer.sticky.multiply .grid-x.maxWidth .sub {font-size: 24px; padding-right: 30px;}
	
	.grid-x.welcome section.sticky.intelligence {max-height: 600px;}
	.grid-x.welcome section.sticky.intelligence h2 {font-size: 30px; padding: 0 45px 0 30px;}
	.grid-x.welcome section.sticky.intelligence .quote {font-size: 17px; padding: 45px 0 10px 30px;}
	.grid-x.welcome section.sticky.intelligence .person {font-size: 12px;}
	.grid-x.welcome section.sticky.intelligence .gold {font-size: 20px; padding: 45px 0 0 30px;}

	.grid-x.welcome section.sticky.intelligence2 {max-height: 600px;}
	.grid-x.welcome section.sticky.intelligence2 h2 {font-size: 30px; padding: 0 45px 0 30px;}
	.grid-x.welcome section.sticky.intelligence2 .note {font-size: 17px; padding: 45px 0 10px 30px;}
	.grid-x.welcome section.sticky.intelligence2 .gold {font-size: 20px; padding: 45px 0 0 30px;}

	.grid-x.welcome section.sticky.price {}
	.grid-x.welcome section.sticky.price h2 {font-size: 30px; padding: 0 45px 0 30px;}
	.grid-x.welcome section.sticky.price .note {font-size: 17px;}
	.grid-x.welcome section.sticky.price .gold {font-size: 14px;}
	.grid-x.welcome section.sticky.price .crm-note {font-size: 18px;}
	.grid-x.welcome section.sticky.price img.monitor {margin: 100px auto 0; max-width: 100%;}
	.grid-x.welcome section.sticky.price img.pricing-svg {margin: 100px 0 0 30px; max-width: 75%;}

	a.btn {font-size: 14px; margin-top: 90px;}

}

@media only screen and (max-width: 750px){

	.grid-x.welcome section.parallax h1 {font-size: 27px;}
	.grid-x.welcome section.parallax h2 {font-size: 27px;}
	.grid-x.welcome section.parallax .quote {font-size: 19px; padding-left: 90px;}
	.grid-x.welcome section.parallax .person {font-size: 13px; padding-left: 200px;}

	.grid-x.welcome section.sticky.thermostat .person {font-size: 12px; padding-left: 80px;}

	.grid-x.welcome section.sticky.workers .person {font-size: 12px; padding-left: 80px;}

	.grid-x.welcome section.sticky.phone .person {font-size: 12px; padding-left: 80px;}

	.grid-x.welcome section.sticky.price .person {font-size: 12px; padding-left: 80px;}

}

@media only screen and (max-width: 640px){

	.grid-x.welcome section.sticky { box-shadow: 0px -9px 28px -7px rgba(0,0,0,0.3);}

	.navpanel .navigation {margin: 200px 0 0 0;}
	.navpanel .navigation a {font-size: 28px;}

	.grid-x.welcome section.parallax, .grid-x.welcome section.sticky.thermostat, .grid-x.welcome section.sticky.workers, .grid-x.welcome section.sticky.phone, .grid-x.welcome section.sticky.intelligence, .grid-x.welcome section.sticky.intelligence2, .grid-x.welcome section.sticky.price {max-height: 100vh !important;}
	.grid-x.welcome section.parallax img.monitors {max-width: 55%; margin: 45px auto 0;}
	.grid-x.welcome section.parallax h1 {font-size: 26px; margin-top: 20px; padding-left: 25px;}
	.grid-x.welcome section.parallax h2 {font-size: 26px; margin: 5px 0 20px 0; line-height: 1.2em; padding: 0 10px 0 25px;}
	.grid-x.welcome section.parallax .quote {font-size: 15px; padding-left: 120px;}
	.grid-x.welcome section.parallax .person {font-size: 11px; padding-left: 180px;}

	.grid-x.welcome section.buffer.sticky.who h2 {font-size: 22px;}
	.grid-x.welcome section.buffer.sticky.who {max-height: 800px;}
	.grid-x.welcome section.buffer.sticky.who .dots .grid-x.maxWidth .cell {margin-bottom: 100px;}
	.grid-x.welcome section.buffer.sticky.who .dots .grid-x.maxWidth .cell .title {font-size: 14px; bottom: -52px;}

	.grid-x.welcome section.sticky.thermostat {background: #e2dfd8 url('../images/trucast-pro-thermostat-mobile.jpg') !important;}
	.grid-x.welcome section.sticky.thermostat h2 {font-size: 24px; margin: 30px 0 0 0; padding: 0 30px 0 20px;}
	.grid-x.welcome section.sticky.thermostat .quote {font-size: 15px; padding: 20px 15px 10px 50px;}
	.grid-x.welcome section.sticky.thermostat .person {padding-left: 140px;}

	.grid-x.welcome section.buffer.sticky.cost {max-height: 680px;}
	.grid-x.welcome section.buffer.sticky.cost h2 {font-size: 32px; padding-top: 45px; padding-left: 30px;}
	.grid-x.welcome section.buffer.sticky.cost .sub {font-size: 24px; padding-right: 30px; padding-left: 30px;}

	.grid-x.welcome section.sticky.workers {background: #e2dfd8 url('../images/trucast-pro-workers-mobile.jpg') !important;}
	.grid-x.welcome section.sticky.workers h2 {font-size: 24px; margin: 30px 0 0 0; padding: 0 30px 0 20px;}
	.grid-x.welcome section.sticky.workers .quote {font-size: 15px; padding: 20px 15px 10px 50px;}
	.grid-x.welcome section.sticky.workers .person {padding-left: 140px;}

	.grid-x.welcome section.buffer.sticky.percent {max-height: 680px;}
	.grid-x.welcome section.buffer.sticky.percent .grid-x.maxWidth h2 {font-size: 32px; padding-left: 30px;}
	.grid-x.welcome section.buffer.sticky.percent .grid-x.maxWidth .sub {font-size: 24px; padding-left: 30px;}

	.grid-x.welcome section.sticky.phone {background: #e2dfd8 url('../images/trucast-pro-phone-mobile.jpg') !important;}
	.grid-x.welcome section.sticky.phone h2 {font-size: 24px; margin: 30px 0 0 0; padding: 0 30px 0 20px;}
	.grid-x.welcome section.sticky.phone .quote {font-size: 15px; padding: 20px 15px 10px 50px;}
	.grid-x.welcome section.sticky.phone .person {padding-left: 140px;}

	.grid-x.welcome section.buffer.sticky.multiply .grid-x.maxWidth h2 {font-size: 32px; padding-left: 30px; padding-bottom: 15px;}
	.grid-x.welcome section.buffer.sticky.multiply .grid-x.maxWidth .sub {font-size: 20px; padding-left: 30px;}

	.grid-x.welcome section.sticky.intelligence {background: #e2dfd8 url('../images/TruebkgdBW-mobile.jpg') !important;}
	.grid-x.welcome section.sticky.intelligence h2 {font-size: 24px; margin: 30px 0 0 0; padding: 0 30px 0 20px;}
	.grid-x.welcome section.sticky.intelligence .quote {font-size: 15px; padding: 20px 15px 10px 50px;}
	.grid-x.welcome section.sticky.intelligence .person {font-size: 12px; padding-left: 180px;}
	.grid-x.welcome section.sticky.intelligence .gold {font-size: 20px; padding: 45px 0 0 20px;}
	.grid-x.welcome section.sticky.intelligence img.phone {max-width: 90%; margin: 40px auto 0;}

	.grid-x.welcome section.sticky.intelligence2 {background: transparent !important;}
	.grid-x.welcome section.sticky.intelligence2 h2 {font-size: 24px; margin: 124px 0 0 0; padding: 0 30px 0 20px;}
	.grid-x.welcome section.sticky.intelligence2 .note {font-size: 15px; padding: 20px 15px 10px 20px;}
	.grid-x.welcome section.sticky.intelligence2 .gold {font-size: 20px; padding: 45px 0 0 20px;}
	.grid-x.welcome section.sticky.intelligence2 img.phone {max-width: 90%; margin: 40px auto 0;}

	.grid-x.welcome section.sticky.price {background-size: 700% !important;}
	.grid-x.welcome section.sticky.price h2 {font-size: 28px; padding: 0 45px 0 30px;}
	.grid-x.welcome section.sticky.price .note {font-size: 15px;}
	.grid-x.welcome section.sticky.price .gold {font-size: 14px;}
	.grid-x.welcome section.sticky.price .crm-note {font-size: 18px;}
	.grid-x.welcome section.sticky.price img.pricing-svg {margin: 60px 0 0 30px; max-width: 70%;}
	.grid-x.welcome section.sticky.price img.monitor {margin: 30px auto 0; max-width: 50%;}

	.contact-buttons {display: none;}
	.mobile-contact-buttons {display: block;}

	.grid-x.copyright {margin-bottom: 80px;}

	#scrollToTop {bottom: 80px;}

}

@media only screen and (max-width: 501px){

	.grid-x.welcome section.buffer.sticky.cost h2 {font-size: 25px; padding-top: 45px; padding-left: 30px; padding-bottom: 10px !important;}
	.grid-x.welcome section.buffer.sticky.cost .sub {font-size: 20px !important; padding-right: 15px !important; padding-left: 30px;}

	.grid-x.welcome section.buffer.sticky.percent .grid-x.maxWidth h2 {font-size: 25px; padding-left: 30px; padding-bottom: 10px !important;}
	.grid-x.welcome section.buffer.sticky.percent .grid-x.maxWidth .sub {font-size: 20px !important; padding-left: 30px;}

	.grid-x.welcome section.buffer.sticky.multiply img {max-width: 90%; display: block; margin: 0 auto;}
	.grid-x.welcome section.buffer.sticky.multiply .grid-x.maxWidth h2 {font-size: 25px; margin-top: -10px; padding-left: 30px; padding-bottom: 10px !important;}
	.grid-x.welcome section.buffer.sticky.multiply .grid-x.maxWidth .sub {font-size: 20px !important; padding-left: 30px;}

	.grid-x.welcome section.sticky.intelligence {background-size: 130% !important;}
	.grid-x.welcome section.sticky.intelligence2 {background-size: 130% !important; box-shadow: none;}

	.grid-x.welcome section.sticky.intelligence2 h2 {margin: 120px 0 0 0;}
	.grid-x.welcome section.sticky.intelligence2 img.phone {max-width: 90%; margin: 60px auto 0;}

	.grid-x.welcome section.sticky.price {background-size: 700% !important;}
	.grid-x.welcome section.sticky.price h2 {color: #fff;}
	.grid-x.welcome section.sticky.price img.pricing-svg {margin: 30px auto 0 auto; max-width: 40%; display: block;}
	.grid-x.welcome section.sticky.price .crm-note {font-size: 16px;}

}

@media screen and (min-height: 990px) {
  
  	.grid-x.welcome section.sticky.price h2 {color: #fff;}
	.grid-x.welcome section.sticky.price {background: #e2dfd8 url('../images/TruebkgdBW-no-band.jpg') !important; background-size: 200% !important;}

}