/* GENERAL */

body {
	font-family: 'Comfortaa', cursive;
}

.lead {
	font-size: 2.75em;
	line-height: 1.35em;
	margin: 0;
}

/* BANNER */

#banner-wrapper #banner {
	background-image: url(../../../images/cubans-with-phone.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}

#banner-wrapper .text {
	text-shadow: 1px 1px 2px black;
	color: white;
}

#banner-wrapper .column {
	padding-right: 10px;
	padding-left: 10px;
}

#banner-wrapper .button.alt {
	background: #f1f1f1;
	opacity: 0.8
}

/* TEXT */

#text-wrapper p {
	margin: 2em 0px;
	padding: 0px 50px;
}

/* FEATURES */

#features-wrapper .box {
	text-align: center;
	min-height: 250px;
	padding: 2em;
}

#features-wrapper .box h2 {
	margin: 15px 0px 5px 0px;
}

#features-wrapper .box p {
	line-height: 1.5;
}

/* CHARTS */

#chart-wrapper .main {
	height: 300px;
}

/* MAIN */

#main-wrapper {
	padding-top: 50px;	
	padding-bottom: 50px;	
}

#main-wrapper #content {
	padding: 0px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

/* PRICING */

#pricing-wrapper .box {
	text-align: center;
	min-height: 250px;
	padding: 2em;
}

#pricing-wrapper .box h2 {
	margin: 15px 0px 5px 0px;
}

#pricing-wrapper .box p {
	line-height: 1.5;
}

/* FOOTER */

#footer-wrapper .widget {
	text-align: center;
}

#footer-wrapper #footer img {
	width: 100px;
}

/* BUTTONS */

.primary-color {
	color: #4e73de;
}

.button {
	background-color: #4e73de;
}

.button:hover {
	background-color: #4e73de;
	color: white;
	opacity: 0.9;
}

.button.alt:hover {
	color: #444;
}

.button.small {
	font-size: 1em;
	padding: 0em 0.5em;
}

/* MOBILE */

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

	/* GENERAL */

	.lead {
		font-size: 1.5em;
		line-height: 1.5em;
		margin: 0;
	}

	/* BANNER */

	#banner-wrapper {
		padding-left: 0px;
		padding-right: 0px;
	}

	#banner-wrapper #banner {
		border-radius: 0px;
	}

	/* MAIN */

	#main-wrapper #content {
		text-align: center;
	}

	/* PRICING */

	#pricing-wrapper .range-credit {
		font-size: 2em;
	}
}