﻿.about-header h2, .stories-header h2 {
	letter-spacing: 1px;
	text-transform: uppercase
}

.card-icon, .stories-cont .photo {
	width: 100%
}

.about-header, .card-desc, .card-icon, .card-title, .stories-cont .title, .stories-footer, .stories-header {
	text-align: center
}

.about-header {
	height: 500px;
	background-image: url(../media/bg/5.jpg);
	background-position: center;
	margin: 0 -20px
}

	.about-header h1 {
		color: #fff;
		font-size: 55px;
		font-weight: 600;
		margin-top: 130px;
		text-shadow: 1px 1px 0 rgba(0,0,0,.2)
	}

	.about-header h2 {
		color: #fff;
		font-size: 22px;
		font-weight: 400;
		margin-top: 30px;
		margin-bottom: 40px
	}

.card-icon {
	overflow: hidden
}

	.card-icon i {
		font-size: 50px;
		border: 1px solid #ecf0f4;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		padding: 47px 30px;
		margin: 30px 0
	}

.card-title span {
	font-size: 18px;
	font-weight: 600;
	color: #373d43
}

.card-desc {
	margin-top: 20px;
	margin-bottom: 30px
}

	.card-desc span {
		font-size: 14px;
		font-weight: 400;
		color: #808a94
	}

.about-links-cont {
	background-color: #fff;
	margin: 0 -20px
}

	.about-links-cont .about-links {
		padding: 70px 0 70px 70px
	}

	.about-links-cont .about-image {
		padding-left: 110px
	}

.about-links-item h4 {
	font-size: 18px;
	font-weight: 600;
	color: #373d43
}

.about-links-item ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

	.about-links-item ul li {
		padding-top: 5px
	}

		.about-links-item ul li a {
			font-size: 14px;
			font-weight: 400;
			color: #4a8fba
		}

.stories-header h1 {
	color: #373d43;
	font-size: 35px;
	font-weight: 600
}

.stories-header h2 {
	color: #808a94;
	font-size: 18px;
	font-weight: 400;
	margin-top: 20px
}

.stories-cont .photo img {
	margin: 30px auto;
	width: 130px;
	height: 130px;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important
}

.stories-cont .title span {
	font-size: 18px;
	font-weight: 600;
	color: #373d43
}

.stories-cont .desc {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px
}

	.stories-cont .desc span {
		font-size: 14px;
		font-weight: 400;
		color: #808a94
	}

.about-text {
	height: 500px;
	padding: 0 !important
}

	.about-text > h4 {
		background-color: #d9534f;
		font-size: 24px;
		font-weight: 600;
		color: #fff;
		padding: 1em 20px;
		margin: 0
	}

		.about-text > h4 > i {
			font-size: 24px !important;
			color: #fff
		}

	.about-text > p {
		color: #808a94
	}

	.about-text .about-quote, .about-text ul, .about-text > p {
		padding-left: 20px;
		padding-right: 20px
	}

	.about-text li {
		margin-bottom: .5em
	}

	.about-text .about-quote > h3 {
		border-left: 3px solid;
		border-color: #ccc;
		padding-left: 1em;
		font-style: italic;
		line-height: 1.3em
	}

	.about-text .about-quote > .about-author {
		text-align: right
	}

.about-image {
	background-repeat: no-repeat;
	background-size: cover;
	height: 545px
}

.about-links-item {
	margin-bottom: 2em
}

@media (max-width:600px) {
	.about-text {
		height: auto;
		padding-bottom: 1.5em !important
	}

	.about-image {
		margin: 0 -20px
	}
}
