﻿.texture_bg
{
	padding-top:0px !important;
}

.intro_video 
{
	margin-top:0px !important;
}

#maincontent {
	width: 100%;
	max-width: 1400px;
}

.sec-title-two.centered {
	max-width: 720px;
	margin: 0 auto 50px;
}

.separator {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 40px;
	height: 20px;
	background: url(../gfx/title-separator-3.png) left center no-repeat;
}

#team {
	display: grid;
	width: 100%;
	max-width: 1400px;
	margin: 40px auto 0;
	grid-template-columns: 1fr 1fr;
	padding-top: 40px;
	grid-column-gap:40px;
}
#team ul {
	width: 100%;
	margin: 1.5% auto 1.5% auto;
	display: grid;
	grid-template-columns: .3fr 1fr;
	background: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}
#team ul li,
#team ul li.image a{
	display: grid;
}
#team ul li:not(.image){
	padding:0 60px
}
#team ul li.image{
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-end: span 2;
}
#team ul li.image img {
	width: 100%;
    height: auto;
}
#team ul li.description{
	align-content:end;
}
#team ul li.description h2{
	font-size: 28px;
	line-height: 30px;
	font-weight: normal;
	text-align: left;
	margin-left: 0px;
}
#team ul li.details{
	align-content:start;
}

@media screen and (max-width: 1070px) {
	#team ul {
		grid-template-columns: .5fr 1fr;
		gap: 30px;
	}
}
@media screen and (max-width: 990px) {
	#team ul {
		grid-template-columns: 1fr;
		width: 100%;
		margin-bottom: 40px;
	}
	#team ul li:not(.image){
		padding:0 25px
	}
	#team ul li.details{
		margin-bottom: 40px;
	}

	
}

/*
#team ul {
	float: left;
	width: 100%;
	margin: 1.5% auto 1.5% auto;
}

#team .image {
	width: 37%;
	height: auto;
	float: left;
	display: table;
}

#team .description {
	margin: 5px 0px 30px 2%;
	width: 58% !important;
	float: left;
}

#team ul, #team ul li.image img {
	width: 100%;
}

#team ul li.image img {
	height: 200px;
	width: 200px;
	object-fit: cover;
	object-position: center;
}

#team ul li.description {
	margin-top: 20px;
}

#team ul li.description {
	margin: 60px 0px 30px 5%;
	width: 48%;
}

#team ul li.description h2 {
	color: #60441c;
	font-size: 28px;
	font-weight: normal;
}

#team ul li.description h3 {
	color: #60441c;
	font-size: 18px;
	font-weight: lighter;
}

#team ul li.description a {
	font-size: 18px;
	color: #60441c;
	width: 100%;
	display: block;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	-o-transition: color 0.5s;
	-ms-transition: color 0.5s;
	transition: color 0.5s;
}

#team ul li.description a:hover {
	text-decoration: underline;
}
	*/
/*
#team ul {
	width: calc(50% - 32.5px);
	float: left;
	height: auto;
}
*/
/*
#team ul:nth-child(2n+1) {
	padding-right: 32.5px;
}

#team ul:nth-child(2n+2) {
	padding-left: 32.5px;
}
*/
/*#team ul:not(:last-child) {
            border-bottom: 1px solid #000;
        }*/
/*
#maincontent {
	margin-top: 50px !important;
}

#maincontent h1 {
	font-size: 33px;
	color: #60441c;
	padding-bottom: 20px;
	text-transform: capitalize;
}

.details {
	display: table;
	width: 100%;
	font-size: 18px;
	line-height: 30px;
}

#team .details strong {
	display: none;
}

#contentbox {
	width: 100%;
	max-width: 1400px;
	margin: 0px auto;
}

*/
/*Media Queries*/
/*
@media screen and (max-width: 1500px) {
	#contentbox {
		margin: 0 50px;
		width: calc(100% - 100px);
	}
}

@media screen and (max-width: 1100px) {

	/*#team ul {
        float: left;
        width: 98%;
        margin: 1.5% 1% 1.5% 1%;
        display: table;
    }

    #team .image, #team .description {
        width: 100% !important;
        margin: auto;
    }*/
}
/*
@media screen and (max-width: 1060px) {
	#team ul li.description {
		margin: 20px 0px 30px 5%;
	}
}



@media screen and (max-width: 770px) {
	#maincontent h1 {
		font-size: 28px;
	}

	#team ul li.description {
		margin: 50px 0px 30px 5%;
	}

	#team ul {
		float: none;
		width: 100%;
		margin: 0;
		display: table;
		padding: 0;
	}

	#team ul:nth-child(2n+1) {
		padding: 0;
	}

	#team ul:nth-child(2n+2) {
		padding: 0;
	}


	#team ul li.description h2 {
		margin-bottom: 8px;
	}

	#team ul {
		padding-bottom: 30px !important;
		margin-bottom: 30px !important;
	}
}


@media screen and (min-width: 769px) {

	#maincontent {
		display: table;
		padding-bottom: 50px;
		width: 100%;
		margin: auto;
		margin-bottom: 267px;
	}

	#team {
		margin: 0px auto;
	}

	/*#team ul
	{
		float:left;
		width:30%;
		margin: 1.5%;		
	}	*/
}

/*


@media screen and (max-width: 768px) {
	#team ul {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #999;
	}
}


@media screen and (max-width: 640px) {
	/* #team ul li.image img {
        height: 175px;
        width: 175px;
    }*/
/*
	#team ul li.description {
		margin: 35px 0px 30px 5%;
	}
}

@media screen and (max-width: 500px) {

	#contentbox {
		margin: 0 5%;
		width: 90%;
	}

	#team ul li.description {
		margin: 20px 0px 30px 5%;
	}

	#team ul li.description h2 {
		font-size: 22px;
		line-height: 32px;
	}

	#team ul li.description h3 {
		margin-bottom: 10px;
	}
}
	*/