/* CSS Document */
@media screen and (max-width: 1700px){
	.scrolltable {
		width: 100vw;
		overflow: auto;
	}

	.serv_wrapper h3 {
		width: 20%;
		padding-right: 50px;
	}
	.serv_wrapper span {
		width: 50%;
	}
	.srefitem {
		width: 30%;
	}
}
@media screen and (max-width: 1500px){
	.pertxt {
		width: 490px;
	}


	.gridtxt:nth-child(3n+1){
		padding-right: 40px;
	}
	.gridtxt:nth-child(3n+2){
		padding-right: 20px;
		padding-left: 20px;
	}
	.gridtxt:nth-child(3n){
		padding-left: 40px;
	}
	.olclick {
		padding-right: 0px !important;
	}

	#reftable .refitem td:not(.spacer):not(:nth-child(2)) {
		width: 175px;
	}

	.serv_wrapper h3 {
		width: 20%;
		padding-right: 50px;
	}
	.serv_wrapper span {
		width: 40%;
		padding-right: 50px;
	}
	.srefitem {
		width: 40%;
	}

}
@media screen and (max-width: 1200px){
	header, #hometxt, .detailview, .sitetitle, #footer_left, .serv_wrapper, .innerw {
		padding-left: 70px;
		padding-right: 70px;
	}
	.pertxt, #card {
		padding-left: 70px;
		padding-right: 0px;
	}
	.teamimg {
		padding-right: 70px;
	}
	header nav {
		right: 70px;
	}
	#logo {
		left: 70px;
	}
	.nav > li {
		margin-left: 70px;
	}
	#perimg {
		width: 423px;
	}


	.pertxt {
		width: 340px;
		position: absolute;
		padding-left: 10px;
		padding-top: 120px;
	}

	.ttxt_info, .ttxt {
		width: 50%;
	}
	.ttxt_info {
		padding-right: 20px;
	}
	.ttxt {
		padding-left: 20px;
	}

}
@media screen and (max-width: 992px){
	.button {
		margin-top: 0px;
	}


	#hometxt {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	#hometxt h2 {
		margin-bottom: 10px;
	}
	.gridtxt {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.gridtxt:not(:last-child) {
		margin-bottom: 70px;
	}


	#team_wrapper {
		float: left;
	}
	.teamimg, .team_info {
		width: 50%;
		float: left;
	}
	#card {
		width: 100%;
		padding-left: 0px;
		margin-top: 70px;
		margin-bottom: 140px;
		height: 400px;
	}


	.serv_wrapper h3, .serv_wrapper span, .srefitem  {
		width: 100%;
		padding: 0px;
	}
	.serv_wrapper h3, .serv_txt {
		margin-bottom: 20px;
	}
	.serv_content {
		padding-top: 40px;
		padding-bottom: 10px;
	}
	#b3 #subpage {
		margin-top: 30px;
	}


	.ttxt_info, .ttxt_left {
		width: 100%;
		padding: 0px;
	}
	.ttxt_left {
		margin-top: 70px;
	}
	.ttxt_wrapper, .timg_wrapper {
		margin-bottom: 70px;
	}
	.overlay {
		top: 20px;
		left: 20px;
		right: 20px;
		bottom: 20px;
		width: calc(100vw - 40px);
		padding: 20px;
		padding-top: 100px;
	}


	footer img {
		height: 400px;
	}
}
@media screen and (max-width: 768px){
	#logo {
		left: 20px;
		top: 25px;
	}
	header {
		position: relative;
		background-color: transparent;
	}
	header nav {
		display: none;
	}
	header, #hometxt, .detailview, .sitetitle, #footer_left, .serv_wrapper, .innerw {
		padding-left: 20px;
		padding-right: 20px;
	}



	#home_person {
		position: relative;
		top: 0px;
		height: auto;
		float: left;
	}
	#perimg {
		height: calc(100vh - 100px);
	}
	/*
	#perimg {
		display: none;
	}
	#perimg_mob {
		width: 100%;
		height: calc(100vh - 100px);
		object-fit: cover;
		position: relative;
		display: block;
	}

	#perimg_wrapper {
		float: left;
		width: 100%;
	}
	*/
	.pertxt {
		position: absolute;
		z-index: 10;
		width: 250px;
		padding-left: 20px;
	}
	.pertxt p {
		padding-left: 0px;
	}
	#peritem {
		display: none;
	}


	#content {
		margin-top: 0px;
	}


	.spacer {
		width: 20px;
	}
	.button_white {
		margin-top: 70px;
	}
	#home_ref {
		padding-bottom: 70px;
		padding-top: 70px;
	}
	#reftable {
		margin-top: 70px;
	}


	#subpage {
		margin-top: 0px;
	}
	.teamimg, .team_info {
		width: 100%;
		padding: 0px;
	}
	.teamimg {
		margin-bottom: 70px;
	}

	/* mobile nav */
	#btn_nav{
		display:block;
		position:absolute;
		top:15px;
		right:20px;
		cursor:pointer;
		z-index: 200;
	}
	.c-hamburger span, .c-hamburger span::before, .c-hamburger span::after, .c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after {
		background: black;
	}

	.colorwhite .c-hamburger:not(.is-active) span, .colorwhite .c-hamburger span::before, .colorwhite .c-hamburger span::after{
		background: white;
	}





	#b3 ul.mobnav {
		background-color: #C9C6BD;
	}
	#b5 ul.mobnav {
		background-color: #262626;
	}
	#b5 ul.mobnav a {
		color: white;
	}
	ul.mobnav  {
		display:none;
		background:#F9F9F9;
		color:white;
		position:absolute;
		width:100%;
		height: 100vh;
		right:0px;
		top:0px;
		margin-top: 100px;
		z-index:150;
		height: calc(100vh - 300px);
		padding: 50px 0px;
	}
	ul.mobnav li {
		display:block;
		min-height:48px;
		height:auto;
		width:100%;
		overflow:hidden;
	}
	ul.mobnav a {
		color: black;
	}
	ul.mobnav li a:link, ul.mobnav li a:visited  {
		display:block;
		text-decoration:none;
		font-size:35px;
		text-align: left;
		line-height:48px;
		padding:20px 20px;
	}
	ul.mobnav li a:hover, ul.mobnav a:active{
		color:white;
	}
	ul.mobnav ul {
		display:none;
	}
	ul.mobnav ul li a:link, ul.mobnav ul li a:visited  {
		color:white;
		border-bottom:1px dotted #004994;
		padding-left:20px;
		font-size:14px;
	}
	ul.mobnav ul li a:hover {
		color:white;
	}


	footer img {
		height: 375px;
		width: 100%;
	}
	#footer_left {
		width: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
	}


	.detailview:not(.overlay) {
		width: 100vw !important;
	}
	.timg_wrapper {
		width: 100%;
	}
}
@media screen and (max-width: 650px){
	#perimg_wrapper {
		float: none;
	}
	#perimg {
		width: 100%;
	}
	#white{
		width: 100%;
		height: 100%;
		background-color: white;
		position: absolute;
		top: 0;
		opacity: 0.3;
	}
	.pertxt {
		color: black;
		padding: 0px 20px 30px 20px;
		bottom: 0px;
		width: 100%;
	}
	.pertxt h2 {
		padding-left: 0px;
	}
}

@media screen and (max-width: 520px){
	#perimg_wrapper {
		float: none;
	}
}