#betatesting-top
{
	padding: 15px;
	font-family: Roobert, ProximaNova-Regular, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #2196f3;
	display: none;
	font-size: 1.1em;
	text-align: center;
}
#betatesting-top a
{
	font-family: "Roobert Medium", ProximaNova-Bold, Arial, sans-serif;
	color: #FFFFFF;
	vertical-align: baseline;	
	padding-left: 5px;
}
.pageBanner
{
	background-repeat: no-repeat;
	background-size: cover;
	height: 320px;
	width: 100%;
	text-align: center;
}

.pageBanner p
{
	font-size: 1.1em;
	line-height: 1.5em;
	max-width: 650px;
	color: #DDDDDD;
	padding-left: 25px;
	padding-right: 25px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
h1
{
	font-family: "Roobert Medium", ProximaNova-Bold, Arial, sans-serif;
	font-size: 2em;
	padding-top: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
	line-height: 1.3em;
}
.steps123 h2
{
	font-size: 1.1em;
	min-height: 30px;

	font-family: sans-serif;
	font-weight: bold;
	padding-bottom: 10px;
	line-height: 1.3em;
}
.steps123 p
{
	padding-bottom: 20px;
	font-size: 1.2em;
}

#majorOverview .steps123
{
	background-color: #FFFFFF;
}


#majorOverview .steps123 p
{
	display: none;
	line-height: 1.4em;
}
#majorOverview img
{
	max-width: 100%;
}

.pageBanner a
{
	
	background-color: #2196f3; 
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;		

	padding: 18px 20px;
	display: block;	
	margin-top: 40px;
	
	width: 160px;
	color: #FFFFFF;
	font-size: 1.15em;
	letter-spacing: 1.1px;
	font-weight: normal;
	text-decoration: none;
	font-family: Roobert, ProximaNova-Regular, Arial, sans-serif;
	transition: all 0.5s ease;

	margin-left: auto;
	margin-right: auto;
}
.pageBanner a:hover
{
	background-color: #1E88E5;

}

.spanSection
{
	padding-top: 80px;
	padding-bottom: 100px;
	width: 80%;
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;
}


.spanSection p
{
	font-size: 1.1em;
	line-height: 1.4em;
	padding-bottom: 10px;
}

.spanSection img
{
	width: 100%;
	max-width: 619px;
}


.steps123
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #d9d9d9;

 	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
}
.steps123 li
{
	float: left;
	width: 32%;
	margin-right: .5%;
	margin-left: .5%;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #FFFFFF;

 	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
}
.steps123 li:first-child
{
	margin-left: 1%;
}

#steps123 li img
{
	max-width: 100%;
}


#quoteSection
{
	background-color: #ebebeb;	
	padding-top: 60px;
	padding-bottom: 20px;
}

#quoteSection h3
{
	text-align: center;

	font-family: sans-serif;
	font-weight: bold;

	font-size: 1.8em;
	padding-bottom: 10px;
	line-height: 1.3em;	
}
#quoteSection h4
{
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	text-align: center;

	font-family: sans-serif;
	font-size: 1.1em;
	padding-bottom: 35px;
	line-height: 1.5em;	
	padding-left: 10px;
	padding-right: 10px;
}

#contactBottomWrap {
    background-color: #D1D1D1;
}

#selectedLogos
{
	margin-top: 20px;
	margin-bottom: 80px;
	background-image: url('/images/home-client-logos-tiny.jpg');
	background-position: center;
	background-repeat: no-repeat;
	height: 185px;
}


.getStarted
{
	text-align: center;
	background-color: #f3f3f3;
	font-family: Roobert, ProximaNova-Regular, Arial, sans-serif;
	padding-bottom: 100px;
}
.getStarted h3
{
	font-size: 2.5em;
	padding-bottom: 20px;
	padding-top: 80px;
}
.getStarted p
{
	font-size: 1.3em;
	padding-bottom: 0px;
	padding-left:20px;
	padding-right:20px;
	line-height: 1.3em;
}
.getStarted a
{

    background-color: #2196f3;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 10px 15px;
    margin-top: 40px;
    width: 160px;
    color: #FFFFFF;
    font-size: 1em;
    letter-spacing: 1.1px;
    font-weight: normal;
    text-decoration: none;
    font-family: Roobert, ProximaNova-Regular, Arial, sans-serif;
    transition: all 0.5s ease;

    border: none;
}
.getStarted .demoButton
{
	background-color: #a2a2a2 !important;
}


.buttonSec
{
	text-align: center;
	padding-top: 60px;
}

.buttonSec a
{
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
	border: 2px solid #2196f3;
}
.buttonSec .demoButton
{
	background-color: transparent;
	border: 2px solid #9e9e9e;
}
.buttonSec .demoButton:hover
{
	background-color: #333333;
}


@media screen and (min-width: 550px) {

	#selectedLogos
	{
		margin-top: 20px;
		margin-bottom: 80px;
		background-image: url('/images/home-client-logos-smaller.jpg');
		background-position: center;
		background-repeat: no-repeat;
		height: 103px;
	}

	#quoteSection h3
	{
		font-family: "Roobert Medium", ProximaNova-Bold, Arial, sans-serif;
		font-weight: normal;		
	}
	#quoteSection h4
	{
		font-family: Roobert, ProximaNova-Regular, Arial, sans-serif;
	}
}


@media screen and (min-width: 770px) {

	#betatesting-top
	{
		font-size: 1.2em;
	}

	.buttonSec
	{
		padding-top: 60px;
	}
	.buttonSec a
	{
		margin-left: 10px;
		margin-right: 10px;
	}

	.getStarted h3
	{
		font-size: 2.5em;
	}
	.getStarted p
	{
		font-size: 1.5em;
		padding-left:0px;
		padding-right:0px;
	}
	.getStarted a
	{
	    font-size: 1.15em;
	    padding: 18px 20px;
	}

	#majorOverview .steps123
	{
		width: 80%;
		max-width: 1250px;
	} 

	.steps123 h2
	{
		font-size: 1.2em;
		padding-bottom: 10px;
		font-family: "Roobert Medium", ProximaNova-Bold, Arial, sans-serif;
		min-height: auto;

	}
	#majorOverview .steps123 p
	{
		padding-bottom: 20px;
		font-size: 1.1em;
	}


	#majorOverview  .steps123 li
	{
		padding-left: 10px;
		padding-right: 10px;
		min-height: 275px;
	}


	#majorOverview .steps123 p
	{
		display: block;
	}


/*
	.subMenu
	{
		display: none;
		position: absolute;
		top: 0;
		background-color: #393939;
		top: 32px;
		width: 250px;
		border: 1px solid #444444;
	}
	.subMenu li
	{
		display: block;
	}
	.subMenu li a
	{
		font-family: Roobert, ProximaNova-Regular, Arial, sans-serif;
		font-weight: normal;
		font-size: 1.05em;
		color: #FFFFFF;
		text-decoration: none;
		display: block;

		padding-top: 20px !important;
		padding-bottom: 20px !important;
		padding-left:10px;
		padding-right:10px;
		border-bottom: 2px solid #444444;
	}
	.subMenu li a:hover
	{
		background-color: #444444 !important;
	}
	.subMenu::after {
	    position: absolute;
	    top: -10px;
	    left: 45px;
	    display: inline-block;
	    border-right: 10px solid transparent;
	    border-bottom: 10px solid #393939;
	    border-left: 10px solid transparent;
	    content: '';
	}
*/

	.subMenu
	{
		display: none;
		position: absolute;
		top: 0;
		background-color: #e4e4e4;
		top: 32px;
		width: 225px;
		border: 1px solid #999999;
	}
	.subMenu li
	{
		display: block;
	}
	.subMenu li a
	{
		font-family: Roobert, ProximaNova-Regular, Arial, sans-serif;
		font-weight: normal;
		font-size: 1em;
		color: #000000 !important;
		text-decoration: none;
		display: block;

		padding-top: 18px !important;
		padding-bottom: 18px !important;
		padding-left:10px;
		padding-right:5px;
		border-bottom: 2px solid #FFFFFF;
	}
	.subMenu li:last-child a
	{
		border-bottom: none;
	}
	.subMenu li a:hover
	{
		background-color: #cccccc !important;
	}
	.subMenu::after {
	    position: absolute;
	    top: -10px;
	    left: 45px;
	    display: inline-block;
	    border-right: 10px solid transparent;
	    border-bottom: 10px solid #e4e4e4;
	    border-left: 10px solid transparent;
	    content: '';
	}

	.primCaret
	{
	    width: 10px;
	    display: inline-block;
	    top: 3px;
	    position: relative;
	    padding-right: 10px;    
	}
	.primCaret:before
	{
	    display: inline-block;
	    width: 0;
	    height: 0;
	    vertical-align: top;
	    border-top: 5px solid #cacaca;
	    border-right: 4px solid transparent;
	    border-left: 4px solid transparent;
	    content: "";		
	}


	.spanSection p
	{
		font-size: 1.25em;
		line-height: 1.9em;
		padding-bottom: 20px;
	}

	h1
	{
		font-family: Roobert, ProximaNova-Regular, Arial, sans-serif;
		font-size: 2.5em;
		padding-top: 65px;
		padding-bottom: 20px;

		padding-left: 0px;
		padding-right: 0px;

	}

	.pageBanner p
	{
		font-size: 1.2em;
		padding-left: 0px;
		padding-right: 0px;
	}	


	.pageBanner
	{
		height: 400px;
	}


	#quoteSection h4
	{
		font-size: 1.2em;
		padding-left: 0px;
		padding-right: 0px;

	}

	#selectedLogos
	{
		margin-top: 20px;
		margin-bottom: 80px;
		background-image: url('/images/home-client-logos.jpg');
		background-position: center;
		background-repeat: no-repeat;
		height: 146px;
	}


}

@media screen and (min-width: 1000px) {



	.steps123 h2
	{
		font-size: 1.2em;
		padding-bottom: 10px;
	}
	#majorOverview .steps123 p
	{
		padding-bottom: 20px;
		font-size: 1.2em;
	}

	.spanLeft
	{
		float: left;
		padding-right: 5%;
	}
	.spanRight
	{
		float: left;
	}
	.spanImg
	{
		width: 55%;
	}
	.spanText
	{
		width: 40%;
	}

	h1
	{
		font-size: 3em;
		padding-top: 75px;
		padding-bottom: 20px;
		font-family: "Roobert Medium", ProximaNova-Bold, Arial, sans-serif;

	}

	.pageBanner p
	{
		font-size: 1.3em;
		max-width: 750px;
	}	
}


@media screen and (min-width: 1200px) {


	#majorOverview h2
	{
		font-size: 1.8em;
		padding-bottom: 10px;		
	}

	h1
	{
		color: #F0F0F0;
	}
	.pageBanner
	{
		height: 450px;
	}
	.pageBanner p
	{
		font-size: 1.3em;
		max-width: 800px;

	}


	h1
	{
		font-size: 3.0em;
		padding-top: 75px;
		padding-bottom: 20px;
		font-family: "Roobert Medium", ProximaNova-Bold, Arial, sans-serif;

	}


}

@media screen and (min-width: 1500px) {



}