body {
	min-width:320px;
	background:#222;
}

html {
  height: 100%;
}
body {
  min-height: 100%;
}

.container {
	max-width:960px;
}

.padder {
	padding:0 24px;
}

.center {
	text-align: center;
}

.footer-black {
	background: #222;
}

.parallax {
	overflow:hidden;
}

.parallax.dark {
	color:#fff;
}

.parallax .container {
	padding-top:25px;
}

.paralax-header {
	height:540px;
}

.parallax .parallax-image {
	width: 100%;
	overflow: hidden;
	position: absolute;
}

.parallax .parallax-image img {
	width: 100%;
}

.parallax .small-info {
	color: #FFFFFF;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.27);
	top: 200px;
	position: absolute;
	text-align: left;
	z-index: 2;
	padding:20px;
	margin:0 auto;
	left:0;
	right:0;
	max-width:960px;
}

.no-pad {
	padding:0;
}

.how-i-work .icon {
	background:transparent;	
}

.how-i-work .icon [class*="pe-"] {
	color: #fff;
	font-size: 74px;
	width:80px;
}

.how-i-work .small {
	font-size: 100%;
}

h1 small {
	color:#fff;
}

.navbar .navbar-brand {
	display:block;
	background-image:url('../img/Anatomize-logo-onblack@2x.png');
	background-size: 248px 26px;
	width:248px;
	height:26px;
	padding:0;
	margin:20px 0;
	
}

.brand-name {
	display:none;
}

.navbar-inverse .navbar-nav>li>a {
	color:#fff;
	opacity:0.8;
	transition: all .1s ease-in-out;
}

.navbar-inverse .navbar-nav>li>a:hover {
	color:#fff;
	opacity:1;
	border-color:#fff;
}

h1 {
	font-size:35px;
}

h1 .subtitle {
	margin-top:8px;
	font-size: 30px;
	color:rgba(0, 167, 237, 1);
}

.section-brandcol {
	background-color: #52b5e4;
	color:#0d2f40;
}

.brand-col {
	color: #2DA4DD;
}

.section-brandcol .text-muted{
	color: #0d2f40;
}


.filter-black {
  position: relative;
}

.filter-black:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.8);
  content: "";
}

.filter-blue {
  position: relative;
}

.filter-blue:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
  background-color: rgba(0, 167, 237, 0.66);
  content: "";
}

.feature {
  width: 100%;
  display: block;
  background:url('../img/desk-dark.jpg') top left;
  padding:60px 0;
  color: #FFFFFF;
}

.feature .container {
	margin-top:35px;
}

.feature p {
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	max-width:770px;
	color: #FFFFFF;
}

.testamonials {
  width: 100%;
  display: block;
  background:#00A7ED url('../img/wireframe-trans.png') top left;
  color: #FFFFFF;
}

.testamonials .container {
	max-width:none;
	width:100%;
}

.get-in-touch {
	background-color: #eaeaea;
}

.client-logos img {
	margin:15px 15px;
}

.navbar-inverse {
	border:none;
}

.btn-info{
    border-color: #00A7ED;
    color: #00A7ED;
    transition: all .2s ease-in-out;
}

.btn-info:hover {
	background: #00A7ED;
    border-color: #2CA8FF;
    color: #fff;
    transform: scale(1.06, 1.06);
}

.smaller {
	transform: scale(0.7, 0.7);
}

#specialisations .card {
	background: #00A7ED;
	transition: all .2s ease-in-out;
}

#specialisations .card:hover {
	/* transform: scale(1.06, 1.06); */
}

#specialisations .card .image {
	/* transition: all .2s ease-in-out; */
}

#specialisations .card:hover .image {
	opacity:0.15;
}

#specialisations .card p {
	transition: all .2s ease-in-out;
	display:none;
}

#specialisations .card:hover p {
	display:block;
}


#specialisations .category {
	font-size:12px;
}

.social-area {
	text-align:right;
}

.card {
	height:100%;
}

.card a .image {
	opacity:1;
	
	-webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.card a:hover .image {
	opacity:0.7;
}

.card h4 {
	color:#333;
	margin-top:0;
}

.card h4 small {
	display:block;
	font-weight:400;
	font-size: 14px;
	line-height: 1.5;
}

.graphic {
	width:100%;
	height:auto;
}

/* CONTACT PAGE */
.contact {
	height:100vh;
	width: 100%;
	background:#000;
	margin-bottom:-71px;
}

.contact .container {
	text-shadow: 0px 0px 15px #000, 0px 0px 15px #000, 0px 0px 15px #000;
}

.contact-feature {
  width: 100%;
  height:90%;
  background:url('../img/profile-long-almost-grey.jpg') bottom right no-repeat;
  background-size: contain;
  padding:60px 0;
  color: #FFFFFF;
  display:flex;
  align-items:stretch;
  
  transition: all .4s ease-in-out;
}

.contact .fa {
	margin-right:5px;
}

.contact a {
	color: #fff;
}

.contact a:hover {
	text-decoration:underline;
}

.review-who .client-logos{
	margin-top:45px;
	padding:15px;
	border-radius:10px;
}

.profile {
	margin:15px auto;
	border-radius:400px;
}

.package-overview {
	height:60px;
}

.pad-top {
	margin-top:30px;
}

@media (max-width:668px) {
	/* no more columns */
	.col-md-3 {
		height: auto;
	}
	
	.paralax-header {
		margin-top:70px;
		height:620px;
	}
	
	.parallax .small-info {
		top:100px;
	}
	
	.overview .pull-right {
		float:left!important;
	}
	
	.pull-left.to-center, .pull-right.to-center {
		float:none!important;
		margin:0 auto;
		width:150px;
		padding:0;
	}
}

@media (min-width:668px) and (max-width: 992px) {
	
	.col-md-6 {
		float: left;
		width:50%;
	}
}

@media (min-width: 1024px) {
	.contact-feature {
		align-items:center;
	}
}

@media (min-width: 992px) {
	.col-md-3 {
		height: auto;
	}
}

@media (max-width: 960px) {
	.review-who .client-logos{
		border-radius:0;
	}
}

@media (max-width: 767px) {
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    	margin-right: -15px;
    	margin-left: 0px;
	}
	
	.contact-feature .container{ 
  		margin-left:0;
  		margin-right:0;
	}
	
	.paralax-header {
		height:600px;	
	}
}

@media (min-width: 768px) {
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    	margin-right: 15px;
    	margin-left: 15px;
	}
}

@media (min-width: 768px) and (max-width: 899px) {
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
		margin-right: -15px;
	}
}

@media (min-width: 668px) and (max-width: 992px) {
	div.container {
	    width: 100%;
	}
	
	.col-md-5 {
		width:41.66666667%;
	}
}

/* Case Studies */
.cs , .cs .parallax-image{
	height:500px;
}

.cs h3 {
	margin-bottom:15px;
}

@media (min-width: 668px) and (max-width: 1023px) {
	.cs {
		height:740px;
	}
	.cs .col-md-6 {
		margin-top:440px;
		width:100%;
	}
	
	.cs .col-md-6 .content{
		display:block;
		column-count:2;
		column-gap:30px;
		height:200px;
	}
}

@media (min-width: 720px) and (max-width: 800px) {
.cs {
		height:640px;
	}
	.cs .col-md-6 {
		margin-top:340px;

	}
}

@media (min-width: 668px) and (max-width: 719px) {
.cs {
		height:640px;
	}
	.cs .col-md-6 {
		margin-top:300px;

	}
}

@media (min-width: 500px) and (max-width: 667px) {
.cs {
		height:650px;
	}
	.cs .col-md-6 {
		margin-top:230px;

	}
}

@media (min-width: 320px) and (max-width: 449px) {
.cs {
		height:750px;
	}
	.cs .col-md-6 {
		margin-top:200px;

	}
}

/* how I work */
@media (min-width: 738px) and (max-width: 991px) {
	.how-i-work .col-md-2 {
		width:33%;
		float:left;
		height:280px;
	}
}

@media (min-width: 521px) and (max-width: 737px) {
	.how-i-work .col-md-2 {
		width:33%;
		float:left;
		height:350px;
	}
}

@media (min-width: 420px) and (max-width: 520px) {
	.how-i-work .col-md-2 {
		width:50%;
		float:left;
		height:320px;
	}
}

@media (max-width: 419px) {
	.how-i-work .col-md-2 {
		height:auto;
	}
}