/************************************************************************************** 
 * landing.css (alleen van toepassing voor tijdelijke landingspagina's zoals Resengo
 **************************************************************************************/
/* SECTION INTRODUCTION */
#section-introduction {
	text-align:center;
	padding:40px 0 0;
	background-color:#ffffff;
	}
	#section-introduction h1 {
		font-size:60px;
		line-height:70px;
		/*text-transform:uppercase;*/
		font-weight:700;
		margin:0 0 40px;
		color:#67b516;
		}		
	#section-introduction p {
		font-size:20px;
		padding:0 100px;
		color:#333;
		line-height:30px;
		margin:0 0 30px;
		}
	@media (min-width:992px) and (max-width:1199px) { /*medium devices (md)*/
		#section-introduction h1 {
			font-size:60px;
			}
		#section-introduction p  {
			padding:0 50px;
			}
	}
	@media (max-width:991px) { /*small devices (sm)*/
		#section-introduction h1 {
			font-size:50px;
			line-height:60px;
			}
		#section-introduction p  {			
			padding:0;
			}
	}
	@media (max-width:767px) { /*extra small devices (xs)*/
		#section-introduction h1 {
			font-size:30px;
			line-height:40px;
			margin: 0 0 20px;
			}
		#section-introduction p  {
			font-size:16px;
			margin: 0 0 10px;
			}
	}
	@media screen and (max-width:413px)	{
		#section-introduction h1 {
			font-size:26px;
			line-height:36px;
			}	
	}
	@media screen and (max-width:359px)	{
		#section-introduction h1 {
			font-size:23px;
			line-height:33px;
			}	
	}


p.section-title {
	border-bottom:1px solid rgba(255,255,255,0.5);
	padding-bottom:0.5em;
	margin-bottom:40px;
	opacity:0.75;
	}
	.grey p.section-title,
	.white p.section-title {
		border-bottom:1px solid rgba(0,0,0,0.3);
		opacity:0.5;
		}
p.intro {
	font-size:16px;
	}
	@media (min-width:1200px) { /*LG Devices*/
		p.intro.center  {
			padding:0 100px;
			}
	}
	@media (min-width:992px) and (max-width:1199px) { /*MD Devices*/
		p.intro.center  {
			padding:0 50px;
			}
	}

/*** SECTION ABOUT ***/
#section-about .biggerFontSize {font-size:16px;}
#section-about .btn.btn-white:hover,
#section-about .btn.btn-white:focus {
	color:#67b516!important;
}
#section-about {
	background-color: #67b516;
	padding: 70px 0 50px;
	color:#fff;
	}
	#section-about blockquote {
		background-color: #ffffff;
		border-left-color: #aaaaaa;
	}
	#section-about .carousel-control,
		#section-about .carousel-control:focus,
		#section-about .carousel-control a,
		#section-about .carousel-control a:link,
		#section-about .carousel-control a:focus,
		#section-about .carousel-control:focus {
			color:#ffffff;
			}
			#section-about .carousel-control a:hover,
			#section-about .carousel-control:hover {
				color:#67b516;
				}

/*** SECTION TEASER ***/
#resengo-page #section-teaser {
	background-color: #1667b5;
}

/*** SECTION PRICES ***/
#section-prices {
	background-color: #ffffff;
	padding: 50px 0 50px;
}

/*** SECTION MODULES ***/
#section-modules {
  	background-color: #f4f4f4;
}

/*** SECTION DEMO & TRIAL ***/
#section-demo-trial {
	padding: 60px 0 40px;
	background-color:#fff;
	}
	#section-demo-trial .flexContainer {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		}
		#section-demo-trial .flexItem {
			flex: 0 1 auto;
			width: calc(50% - 15px);
			margin-bottom:30px;
			}
			@media screen and (max-width:991px) {
				#section-demo-trial .flexItem {
					width:100%;
					}
			}
			#section-demo-trial .flexItem .well {
				box-shadow: 0 0 6px 1px rgba(0,0,0,.15);
				background-color: #fff;
				border-radius:0;
				border:0 none;
				padding:25px;
				height:100%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				}
				#section-demo-trial .flexItem .well h3 {
					color:#67b516;
					}
				#section-demo-trial .flexItem .well p {
					flex-grow: 2;
					}
				#section-demo-trial .btnBlockLink {
					margin-top:5px;
					}
					#section-demo-trial .btnBlockLink a.btn-primary {
						display: table;
						padding: 0;
						border: 0;
						}
						#section-demo-trial .btnBlockLink .btnLabel {
							display: table-cell;
							padding:6px 12px;
							}
							#section-demo-trial .btnBlockLink .btnTxtHead {
								font-weight:bold;
								text-transform:uppercase;
								}
								#section-demo-trial .btnBlockLink .btnIcon {
									display: table-cell;
									vertical-align: middle;
									padding-left: 12px;
									padding-right: 12px;
									background-color: rgba(0,0,0,0.1);
									font-size: 24px;
									border-radius: 0 4px 4px 0;
									}