/***** Created for cloud pages, this css is coherent to the styles 
in business-template.css *******************************************/

body,
#main-content *{
    font-family: "Montserrat", Arial, sans-serif;
}
#main-content  h3,
#main-content  h3 *{
	font-weight: 500;
}
#main-content  h1,
#main-content  .header h3,
#main-content .title,
#main-content.subtitle {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-style: normal;
}

#main-content .header{
	background: #414141;
	color: #FFF;
}
#main-content .header .container{
	padding: 0;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#main-content .header .title{
	font-size: 50px;
    text-transform: uppercase;
}
#main-content .header .sub-title{
	text-align: center;
    font-size: 30px;
    text-transform: uppercase;
}
#main-content .breadcrumb{
	text-align: left;
	background:transparent;
}
#main-content .container{
    width: 100%;    
    max-width: 1400px;
    margin: 0 auto;
	position: relative;
}
#main-content .section .container{
    padding: 3% 5%;
}
#main-content .navBreadcrumb .container {
    padding: 2% 5% 0;
}
#main-content section.section.section-secondary { 
	padding: 0; 
	margin-bottom: 0; 
}
#main-content .section-body p{
	line-height: 28px;
	font-size: 18px;
}
#main-content .sub-title{
	font-size: 4rem;
	padding: 3% 0 2%;
}
#main-content .pardotForm .sub-title{
	font-size:3rem;
}
@media(max-width: 768px){
	#main-content .header .container{
		height: 100%;
	}
}
@media(max-width: 600px){
	
}