.page-template-template-aboutus {
	.header-inner.small.generic {
		background-position-y: top;
	}
}

.about{
	text-align: center;
	
	h2{
		font-size: 1.5em;

		@include responsive('>', 'phones', (
			font-size: 2.25em
		));

	}
	
	p{
		font-size: 1em;

		@include responsive('>', 'phones', (
			font-size: 1.5em
		));
	}

	section{
		margin-top: $globalMargin-1-5;

		&:first-child{
			margin-top: 0;
		}
	}

	.experts{


		.expert{
			width: 300px;
			position: relative;
			margin: 0 auto;
			margin-top: $globalMargin;
			font-size: 1.5em;
			display: inline-block;

			.photo{				
				width: 290px;
				height: 290px;
				margin: 5px;
				background-size: cover;
				background-position: center center;
			}

			.mask{
				width: 300px;
				height: 300px;
				background: url(./images/expert-cutout.png) no-repeat center;
				position: 	absolute;
				top: 0;
				left: 0;				
			}

			.name{				
				margin-top: $globalPadding;
				font-weight: 500;
			}

			.descr p{
				font-size: inherit;
				margin: 0;
			}
		}
	}

	.cta.yellow{
		width: 100%;

		@include responsive('>', 'tablets', (
			width: 600px
    	))
	}
	

	.tools-categories{


		.category{
			width: 288px;
			position: relative;
			margin: 0 auto;
			margin-top: $globalMargin;
			font-size: 1.5em;
			display: inline-block;

			:first-child{
				margin-right: 0;
			}

			.photo{				
				width: 288px;
				height: 192px;				
				background-size: cover;
				background-position: center center;
			}			

			.title{				
				margin-top: $globalPadding;
				font-weight: 500;
			}

			.descr{
				height: 80px;
				p{
					font-size: 0.75em;
					margin: 0;
				}

			} 

			a{
				font-size: 0.7em;
				width: 200px;
				height: 60px;
				color: $colorWhite;
				line-height: 60px;
				text-align: center;
				background: $colorRed;
				display: block;
				margin: 0 auto;
    			margin-top: 20px;

			}
		}
	}
}