.main-wrapper{
	background-color: #f6f6f6;
}

.header{
	height: 172px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
.header .category{
	margin-top: 55px;
	color: #9fce52;
	line-height: 15px;
	font-size: 15px;
	letter-spacing: 3.3px;
	text-align: center;
	text-transform: uppercase;
}
.header h2 {
	text-align: center;
}
.header h2 a {
	height: 60px;
	width: 600px;
    margin-top: 12px;
	color: #000000;
	font-size: 31px;
	margin-left: auto;
	margin-right: auto;
}
.header h2 a:hover {
	color: #21a2c2;
}
.header .date{
	margin-top: 16px;
	color: #4b4c4e;
	line-height: 31px;
	font-size: 15px;
	text-align: center;
}

.header_blog{
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
    padding-bottom: 15px;
}
.header_blog a {
    color: #21A2C2;
}
.header_blog a:before{
	content: '\e251';
    color: #21A2C2;
    font-family: 'Glyphicons Halflings';
    font-size: 8px;
    padding-left: 15px;
    padding-right: 5px;
}
.inner{
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;

	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow:    0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow:         0px 1px 3px 0px rgba(0, 0, 0, 0.16);
}

.inner .hero{
	height: 260px;
	background-color: rgba(23, 29, 41, 1.0);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.inner.themed .hero{
	height: 0px;
}
.inner.themed{
	background-color: rgba(20, 25, 35, 1.0);
	padding-top: 60px;
}
.inner.themed p, .inner.themed h4, .inner.themed span{
	color: rgba(255, 255, 255, 0.62);
}
.inner.themed .author span{
	color: rgba(255, 255, 255, 0.9);
}

.inner .content{
	display: block;
	max-width: 660px;
  padding-top: 40px;
  padding-bottom: 90px;
	margin-left: auto;
	margin-right: auto;
	color: #4b4c4e;
}
.inner .author{
	margin-bottom: 20px;
}
.inner p{
	padding-bottom: 20px;
	font-size: 15px;
	line-height: 27px;
}

.inner h4{
	font-size: 15px;
	line-height: 27px;
	color: #4b4c4e;
	font-weight: 500;
}
.inner ul{

}
.inner ul li{
	list-style-type: circle;
	margin-left: 16px;
	font-size: 15px;
  line-height: 25px;
  margin-bottom: 8px;
	color: #6C7983;
}
.inner ul li span{
	color: #4b4c4e;
}

.author .people{
	margin-top: -2px;
  width: 26px;
  height: 26px;
  border-radius: 20px;
  object-fit: contain;
  background-color: #9fce52;
  vertical-align:middle;
  margin-bottom: 14px;
  margin-right: 6px;
  float: left;
}
.author .people.boulanger{
	background: url('../images/case-studies/people/boulanger.png');
}
.author .by{
	font-style: italic;
}
.author .name{
	font-weight: 400;

}

table.comparison{

	margin-bottom: 50px;
	margin-top: 25px;
	width: 100%;
}
table.comparison thead td{
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
	color: #000;
	text-align: center;
	height: 48px;
	vertical-align: bottom;
	padding-bottom: 14px;
}
table.comparison tbody td{
	font-size: 13px;
	line-height: 13px;
	text-align: center;
	height: 29px;
	border: 1px solid rgba(230, 233, 235, 1.0);
}
table.comparison tbody td.left-header{
	font-weight: 400;
	color: #000;
	border: 0px;
}
table.comparison td.bottom-edge{
	border-bottom: 2px solid rgba(230, 233, 235, 1.0);
}
table.comparison td.right-edge{
	border-right: 2px solid rgba(230, 233, 235, 1.0);
}
table.comparison td.left-edge{
	border-left: 2px solid rgba(230, 233, 235, 1.0);
}
table.comparison td.top-edge{
	border-top: 2px solid rgba(230, 233, 235, 1.0);
}
table.comparison td.left-header{
	width: 64px;
	text-align: right;
	padding-right: 24px;
}
table.comparison td.top-edge.left-edge{
	border-top-left-radius: 2px;
}
table.comparison td.top-edge.right-edge{
	border-top-right-radius: 2px;
}
table.comparison td.bottom-edge.right-edge{
	border-bottom-right-radius: 2px;
}
table.comparison td.bottom-edge.left-edge{
	border-bottom-left-radius: 2px;
}
table.comparison td.sm{
	color: #b4b6b8;
}
table.comparison td.med{
	background-color: #fafafa;
	color: #7e7e7e;
}
table.comparison td.all{
	background-color: #f5f5f5;
	color: #000;
}
.global-nav #nav_dashboard a{
	background-color: #49545c;
	color: #ffffff;
	box-shadow: none;
}
.blog-nav{
	margin-top: 40px;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.blog-nav .left{
	float: left;
}
.blog-nav .right{
	float: right;
}
.blog-nav a{
	color: #5e676b;
	font-size: 15px;
	line-height: 15px;
}
.arrow{
	    font-size: 12px;
    padding-right: 4px;
}
.blog-nav-mobile{
	margin-top: 40px;
	display: none;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	text-align: center;
}
.blog-nav-mobile a{
	color: #5e676b;
	font-weight: 400;
	font-size: 15px;
	line-height: 15px;
}

@media(max-width: 1100px){

	.inner{
		margin-left: 28px;
		margin-right: 28px;
	}
	.inner .content {
		margin-left: 56px;
		margin-right: 56px;
		width: auto;
	}
	.blog-nav{
		display: none;
	}
	.blog-nav-mobile{
		display: block;
	}
}


@media(max-width: 560px){

	.header{
		height: 162px;
		margin-left: 20px;
		margin-right: 20px;
		text-align: center;
		width: auto;
	}
	.header h2{
		width: auto;
		font-size: 26px;
    line-height: 32px;
    margin-top: 16px;
	}
	.header .date{
		margin-top: 0px;
	}
	.header .category{
		margin-top: 38px;
		font-size: 14px;
		line-height: 15px;
		letter-spacing: 3.1px;
	}
	.inner{
		margin-left: 0px;
		margin-right: 0px;
	}
	.inner .hero{
		border-radius: 0px;
	}
	.inner .content{
		margin-left: 30px;
		margin-right: 30px;
		padding-bottom: 40px;
	}
	.inner .author{
		margin-left: auto;
		margin-right: auto;
		width: 200px;
	}
	.inner h4{
    margin-bottom: 22px;
	}

	table.comparison{
		display: none;
	}
	.pricing-footer{
		padding-top: 40px;
	}
	.blog-nav-mobile{
		margin-top: 30px;
	}

}