/* Product Banner Container Styles */
.main_product_banner {
	background-image: url("/images/backgrounds/mobile_connect/mobile-connect-main.jpg");
	background-position: 0px center;
}

h1, h2, h3{
	font-family: montserrat, sans-serif;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

.main-title{
	width: 100%;
	text-align: center;
	font-weight: 400;
	letter-spacing: 6px;
	text-shadow: 0px 1px 9px rgba(0,0,0,0.5);
	color: #FFFFFF;
}

.main-title h1{
	font-size: 3.5rem;
	font-weight: 400;
}

#files-flowing-section{
	min-height: 500px;
	background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF),color-stop(60%, #EDEDED));
	background: -webkit-linear-gradient(top,#FFFFFF ,#EDEDED 60%);
	background: linear-gradient(to bottom,#FFFFFF ,#EDEDED 60%);
}

#files-flowing-section img{
	padding-top: 2rem;
}

#mdc-section div {
	padding: 1rem 0;
}

#mdc-section h3{
	margin-top: 1rem !important;
}

#dwnld{
	text-align: center;
}

#mobile_device_center_image{
	width: 575px;
}

#faqs{
	padding-bottom: 2rem;
}

#mobile_connect_image{
	width: 575px;
}

#learn_button{
	padding-bottom: 2rem;
}

/*------------------------------------------------------------------------------------------------*\
| xs breakpoint
\*------------------------------------------------------------------------------------------------*/
@media (max-width: 575px){
	#mobile_device_center_image{
		width: 400px;
	}

	#mobile_connect_image{
		width: 400px;
	}
}