/*
	COMMON
*/

h2, h3 {
	margin-bottom: 15px;
}

p {
	margin-bottom: 16px;
}

a {
	color: #77c72e;
	font-weight: 600;
}
	a:hover, a:active, a:focus {
		color: #77c72e;
		font-weight: 600;
	}


/*
	BUTTONS
*/

.action-button-gray {
	margin-top: 10px;
}
.action-button-white {
	margin-top: 10px;
}
@media (min-width: 768px) {
	.action-button-gray {
		margin-top: 0px;
	}
	.action-button-white {
		margin-top: 0px;
	}
}

/*
	HERO
*/

.hero {
	margin-bottom: 80px;
}
	.hero-brand {
		margin-left: auto;
		margin-right: auto;
	}
	.hero-brand img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.hero-title h1 {
		margin-top: 0px;
		text-align: center;
		color: #555;
		font-size: 60px;
		font-weight: 600;
	}
	.hero-subtitle {
		margin-top: 12px;
		color: #555;
		font-size: 20px;
		font-family: 'Nunito', sans-serif;
		font-weight: 400;
	}

	.hero-message {
		max-width: 640px;
		margin-top: 40px;
		margin-bottom: 40px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.hero-buttons {
		max-width: 440px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.hero-button-call {
		margin-bottom: 20px;
		text-align: center;
	}
	.hero-button-hint {
		margin-top: 12px;
		font-size: 13px;
	}
	.hero-screenshot {
		margin-top: 30px;
	}
@media (min-width: 768px) {
	.hero-description {
		margin-top: 40px;
	}
	.hero-brand {
		max-width: 430px;
	}
	.hero-brand img {
		display: inline;
		/*margin-left: auto;*/
		/*margin-right: auto;*/
		vertical-align: middle;
	}
	.hero-title {
		display: inline-block;
		vertical-align: middle;
	}
	.hero-title h1 {
		margin-top: 0px;
		margin-left: 16px;
		text-align: left;

		color: #555;
		font-size: 60px;
		font-weight: 600;
	}
	.hero-subtitle {
		padding-bottom: 5px;
		padding-left: 6px;
	}
}
@media (min-width: 1200px) {
	.hero-description {
		margin-left: 20px;
	}
	.hero-brand {
		margin-left: 0;
		margin-right: 0;
	}
	.hero-message {
		max-width: 460px;
		margin-left: 0;
		margin-right: 0;
		text-align: left;
	}
	.hero-buttons {
		margin-left: 0;
		margin-right: 0;
		text-align: left;
	}
	.hero-button-call {
		text-align: left;
	}
	.hero-screenshot {
		margin-top: 0px;
	}
}


/*
	TRIO
*/

.trio {
	margin-bottom: 60px;
}
	.trio-icon {
		height: 60px;
	}
	.trio h3 {
		margin-top: 25px;
		margin-bottom: 25px;
	}
@media (min-width: 992px) {
	/*.trio {
		margin-top: 0px;
	}*/
}
	.trio p {
		color: #777;
	}
	.trio ul {
		list-style-type: none;
		padding-left: 0;
		margin-top: 15px;
	}
	.trio li {
		margin-bottom: 10px;
		padding-left: 30px;
		color: #555;
		background: url('/qbserve/img/icons/trio-bullet.png') no-repeat 0px 3px;
	}
@media (min-width: 992px) {
	.trio p {
		max-width: 320px;
	}
	.trio li {
		max-width: 320px;
	}
}


/*
	FEEDBACK
*/

.feedback {
	margin-bottom: 40px;
}
	.feedback-title {
		margin-top: 0px;
		margin-bottom: 40px;
		max-width: 420px;
	}
	.feedback-feature {
		margin-bottom: 20px;
	}
	.feedback-feature > div {
		display: inline-block;
		max-width: 75%;
		vertical-align: top;
	}
@media (min-width: 1200px) {
.feedback {
	margin-bottom: 20px;
}
	.feedback-title {
		margin-top: 80px;
	}
	.feedback-feature > div {
		max-width: 380px;
	}
}
	.feedback-feature-icon {
		display: inline-block;
		width: 64px;
		height: 60px;
		margin-top: 10px;
	}


/*
	GALLERY
*/

.gallery {
	height: 560px;
	margin-bottom: 80px;
	background: url(/qbserve/img/gallery/background.png) center center no-repeat;
}
	.gallery img {
		margin: auto;
		margin-top: 20px;
		box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
	}
	.gallery .container {
		width: 80%;
	}
	.gallery-screenshots {
		padding-top: 70px;
	}
@media (min-width: 768px) {
	.gallery-screenshots {
		padding-top: 70px;
	}
}
@media (min-width: 992px) {
	.gallery-screenshots {
		padding-top: 70px;
	}
}
@media (min-width: 1200px) {
	.gallery-screenshots {
		padding-top: 150px;
	}
}


/*
	PROJECT TRACKING
*/

.project-tracking {
	margin-bottom: 100px;
}
	.project-tracking-title {
		margin: 0px auto 20px;
		float: none;
	}
	.project-tracking-title p {
		max-width: 640px;
	}
	.project-tracking-feature {
		display: -webkit-flex;
		-webkit-align-items: center;
		display: flex;
		align-items: center;
		height: 100%;
	}
	.project-tracking-feature-first {
		margin-bottom: 10px;
	}
	.project-tracking-feature-second {
		margin-top: 50px;
		margin-bottom: 30px;
	}
	.project-tracking-feature-third {
		margin-top: 30px;
		margin-bottom: 10px;
	}
	.project-tracking-feature-fourth {
		margin-top: 60px;
		margin-bottom: 10px;
	}
@media (min-width: 768px) {
	.project-tracking-feature {
		max-width: 640px;
	}
}
@media (min-width: 1200px) {
	.project-tracking-title {
		margin-bottom: 60px;
		float: none;
	}
	.project-tracking-feature {
		max-width: 430px;
	}
	.project-tracking-feature-first {
		height: 400px;
		margin-bottom: 120px;
	}
	.project-tracking-image-first {
		position: relative;
		right: 34px;
	}
	.project-tracking-feature-second {
		height: 360px;
		margin-top: 0px;
		margin-bottom: 50px;
	}
	.project-tracking-image-second {
		padding-left: 10px;
	}
	.project-tracking-feature-third {
		height: 520px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.project-tracking-image-third {
		position: relative;
		right: 52px;
	}
	.project-tracking-feature-fourth {
		height: 650px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.project-tracking-image-fourth {
		position: relative;
		right: 62px;
	}
}


/*
	PRESS
*/

.press {
	height: 250px;
	padding-top: 30px;
	margin-bottom: 120px;

	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
.press {
	height: 200px;
}
}
	.press .container {
		width: 100%;
	}
@media (min-width: 1200px) {
	.press .container {
		width: 100%;
	}
}
	.press h3 {
		margin-bottom: 30px;
	}
	.press-logo {
		height: 60px;
	}
	.press img {
		vertical-align: middle;
	}


/*
	TIME MANAGEMENT
*/

.time-management {
	margin-bottom: 60px;
}
	.time-management-title {
		margin: 0px auto 30px;
		float: none;
	}
	.time-management-feature {
		padding-top: 20px;
	}
@media (min-width: 992px) {
.time-management {
	margin-bottom: 120px;
}
	.time-management-title {
		margin-bottom: 80px;
	}
	.time-management-feature {
		height: 350px;
		padding-top: 20px;
	}
	.time-management-feature > div {
		max-width: 440px;
	}
	.time-management-border-top {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		padding-top: 60px;
	}
	.time-management-border-left {
		border-left: 1px solid rgba(0, 0, 0, 0.1);
	}
}


/*
	FINAL
*/

.final {
	height: 760px;
	background: url(/qbserve/img/features/downloads-bg.svg) center bottom repeat-x;
	background-size: auto 100%;
	padding-top: 410px;
}
@media (min-width: 768px) {
.final {
	padding-top: 480px;
}
}
	.final .container {
		width: 100%;
	}
	.final h2 {
		color: #fff;
		margin-bottom: 40px;
	}
	.final-buttons {
		max-width: 440px;
		text-align: center;
	}


/*
	FOOTER
*/

.footer {
	background: #edf6e9;
}