@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
    overflow-x:hidden;
	margin: auto;
  }

}

     
	body {
		font-family: Arial, Geneva, sans-serif; 
		color:#4a4a4a;
		text-align:center;
		margin: auto;
		overflow-x:hidden;
	}

p { 
	font-size: 17px;
	line-height: 26px;
	margin-block-start: 18px;
	margin-block-end: 18px;
}

p strong {font-weight: 600;}
	
		a img
	{
		border:none;
	
	}
	
	a {
	 color: #4a4a4a;
	 
	 }
	 
	 
	a:hover {
	 color: #73253d;
	 text-decoration:none;

	 }	

hr { margin: 40px 0px; }

h1 {
	line-height: normal;
}

h2 {
	line-height: normal;
}

h2 a { text-decoration:none !important;}

h2 a:hover { text-decoration:underline !important;}

h3 {
	color:#72253d;
	line-height: 27px;
    font-size: 19px;
}


	
	.clear{clear:both;}
	
	.outer_container {
		height: 100%;
		width: 100%;
	}
	
	
	.container {
		margin: 0 auto;   
		text-align: left; 
		width: 100%;
	}

	

	img {
	width:100%;	
		
	}

	.top_header {
		
	float:left;
	width:100%;
	height:auto;	
		
	}
	
	.top_bar {
		
	float:left;
	width:100%;
	height:33px;
	background-color:#000;
		
	}

	.member_login {
		
	float:right;
	width:200px;
	height:auto;
		
	}
	
	.contact {
		
	float:right;
	width:200px;
	height:auto;
	margin-right:10%;
		
	}	
	
	
	.logo {
	float:left;
	width:20%;
	height:auto;
	margin-left:10%;
	margin-top:10px;
		
	}
	
	.nav {
	float:right;
	width:50%;
	height:auto;
	margin-right:10%;
	margin-top:2.5%;
	font-size:18px;	
	text-align:right;
	}	
	
	.nav a{
	font-size:18px;	
		text-decoration: none;
	}	
	
	.slideshow-container {
		
	float:left;
	width:100%;
	height:auto;	
		
	}

	.home_buttons {
		
	float:left;
	width:100%;
	height:auto;	
		
	}

	.home_button1 {
		
	float:left;
	width:10%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	margin-left:22%;
		
	}

	.home_button2, .home_button3, .home_button4 {
		
	float:left;
	width:10%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	margin-left:5%;
		
	}

.content_buttons {
		
	float:left;
	width:100%;
	height:auto;	
		
	}

	.content_button1 {
		
	float:left;
	width:14%;
	height:auto;
	margin-top:3%;
	margin-bottom:5%;
	margin-left:15%;
		
	}

	.content_button2, .content_button3, .content_button4 {
		
	float:left;
	width:14%;
	height:auto;
	margin-top:3%;
	margin-bottom:5%;
	margin-left:5%;
		
	}

	.knowledge {
		
	float:left;
	width:100%;
	height:auto;	
		
	}	
	
	.path {
		
	float:left;
	width:100%;
	height:auto;	
	margin-top:3%;
	margin-bottom:1%;
	}

	.path img {
		
	float:left;
	width:80%;
	height:auto;	
	}	
	
	.path_career {
		
    float: right;
    width: 17%;
    height: auto;
    margin-top: -17%;
	margin-right: 9%;
	}	
	
	.path_job {
		
    float: right;
    width: 17%;
    height: auto;
    margin-top: -9%;
	margin-right: 9%;
	}

	.member_spotlight {
		
	float:left;
	width:100%;
	height:auto;
	background-color:#eaeaea;

	}
	
	.member_photo {
		
	float:left;
	width:25%;
	height:auto;	

	}

	.member_title {
		
    float: left;
    width: 71%;
    height: auto;
    margin-left: 2%;
    margin-top: 2%;
    font-size: 40px;

	}	
	
	
	.member_title img {
		
	max-width:100px;
	vertical-align:middle;
	}	
	
	.member_description {
		
    float: left;
    width: 67%;
    height: auto;
    margin-left: 3%;
    margin-top: 1%;
    font-size: 21px;
	line-height:27.5px;

	}		
	
	.member_description img{
		
    max-width:200px;

	}	

	.connect {
		
	float:left;
	width:100%;
	height:auto;

	}
	

	
	.connectwithus1 {
		
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	margin-top:2%;
	margin-bottom:2%;

	}

	.connectwithus2 {
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	margin-top:0%;
	margin-bottom:2.5%;


	}		
	
	.connectwithus1 img, .connectwithus2 img{
		
	width:17%;

	}
	
	.black_bar {
		
	float:left;
	width:100%;
	height:50px;
	background-color:#000;

	}	
	
.mySlides {display: none;}
	
	
/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  display:none;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: none;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2s;
  animation-name: fade;
  animation-duration: 2s;
}

@-webkit-keyframes fade {
  from {opacity: .6} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .6} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

	.topnav {
		
	display:none;	
	}


#footer_container {
	float: left;
    width: 100%;
    height: auto;
    padding-top: 0.8%;
    background-color: #4a4a4a;
    min-height: 200px;
	}

#footer_container a { color:#fff; }

#footer_left {
	float: left;
    width: 47.75%;
    height: auto;
    margin-left: 10%;
    margin-top: 3%;
	
	}

#footer_logo {
    float: left;
    width: 20%;
    height: auto;
    margin-top: -20px;
}


/*-- #footer_logo img { max-width: 152px!important;} --*/
	
#footer_address {
    float: left;
    width: 60%;
    height: auto;
    margin-left: 5%;
    font-size: 18px;
	color: #fff;
    line-height: 28px;
}	
	
#footer_right {
	text-align: right;
    float: right;
    width: 20%;
    height: auto;
    margin-right: 10%;
    margin-top: 3%;
	
	}

#footer_righttext {
	float: left;
    width: 100%;
    height: auto;
    font-size: 18px;
	color: #fff;
    line-height: 25px;
	
	}

	.subpage_header {
	float:left;
	width:100%;
	height:auto;
		
	}
	
		

	.committment_container {
	float:left;
	width:38%;
	height:auto;
	margin-top:2.5%;
	margin-left:10%;
	font-size:17px;		
	}

	.committment_img {
	float:left;
	width:15%;
	height:auto;
	
	}

	.committment_text {
	float:right;
	width:80%;
	height:auto;
	line-height:27px;
	
	}
	
	.committment_text img{
	max-width:200px;
	margin-top: 8px;
	}	
	
	.committment_text span {
	float:left;
	width:100%;
	height:auto;
	font-size:45px;
	margin-bottom:27px;
	margin-top:40px;
	margin-left: -8px;
	}	
	
	.members_container {
	float:right;
	width:38%;
	height:auto;
	margin-top:2.5%;
	margin-right:10%;
	font-size:17px;		
	}
	
	.vision_outer_container {
	float:left;
	width:100%;
	height:auto;
	background-color:#73253d;	
	margin-top:2.5%;
	}

	.vision_container {
	float:left;
	width:80%;
	height:auto;
	margin-top:3%;
	margin-left:10%;
	font-size:22px;	
	margin-bottom:2%;
	}
	
	.vision_img {
	float:left;
	width:10%;
	height:auto;
	
	}	
	
	
	.vision_text {
	float:right;
	width:85%;
	height:auto;
	color:#FFF;
	line-height:30px;
	}

.vision_text a {
	color:#fff;
	
}
	
	.vision_text img{
	max-width:150px;
	
	}	
	
	.vision_title {
    float: left;
    width: 100%;
    height: auto;
    font-size: 50px;
    margin-bottom: 2%;
    border-bottom: 2px solid;
    padding-bottom: 20px;
	}

.vision_subtitle {
	font-size: 28px;
	line-height: 52px;
}

	.buildingcode_container {
	float:left;
	width:88%;
	height:auto;
	margin-top:2%;
	margin-left:6%;
	font-size:17px;	
	margin-bottom:1%;
	}

	.buildingcode_text {
		margin-top: 2.5%;
	float:left;
	width:50%;
	height:auto;
	line-height:30px;

	}
	
	.buildingcode_text img{
	max-width:250px;
	
	}	
	
	.buildingcode_text span {
    float: left;
    width: 100%;
    height: auto;
    font-size: 38px;
	line-height:44px;
    margin-bottom: 2%;
	
	}
	
	.buildingcode_img {
	float:right;
	width:39%;
	height:auto;
	max-width: 580px;
	
	}	
	.center_line {
	float:left;
	width:60%;
	height:auto;
	margin-top:2%;
	margin-left:20%;
	margin-bottom:1%;
	}	
	
	.center_line  hr{
    border: none;
    height: 2px;
    color: #000; 
    background-color: #000; 	
		
	}
	
	.content_container {
	margin-left:10%;
	width:80%;
	float:left;
	height:auto;
	font-size: 17px;
	line-height: 26px;
		
	}
.content_container a {
	color: #72253d;
}

.content_container a:hover {
	
}


.subpage_nav {
	float:left;
	width:80%;
	height:auto;
	margin-top:1%;
	margin-left:10%;
	font-size:21px;		
	}	
	
	.subpage_nav span{
	white-space: nowrap;
	}	
		
	
	.subpage_nav a{
	font-size:21px;	
	text-decoration: none;
	color: #4a4a4a;
	}

.subpage_nav a:hover {
	color: #72253d;
	
}


li{
  margin: 12px 0;
}
	
	#np_container {
	float:left;
	width:100%;
	height:auto;
	margin-bottom:10px;
	margin-top: 10px;
		
		
	}
	
	#np_image {
	float:left;
	width:20%;
	height:auto;	
		
	}

	#np_image img{
	width:100%;
	max-width:300px;
		
	}

	#np_text {
	float:right;
	width:78%;
	height:auto;
		
	}	
	
	.form_label {
	float:left;
	width:90%;
	height:auto;
	font-size:25px;
	margin-top:2%;
	margin-bottom:1%;
	
}

.form_bar {
	float:left;
	width:100%;
	height:20px;
	margin-top:2%;
	margin-bottom:2%;
	background-color:#666666;
	
}



.form_2col input[type=text], .form_3col input[type=text], .form_4col input[type=text]{
	width:90%;
	
}

.form_1col span, .form_2col span, .form_3col span, .form_4col span{
	white-space: nowrap;
	
}

.form_small_input {
	
	max-width:120px !important;
}

.form_1col {
	float:left;
	width:100%;
	height:auto;
	margin-bottom:1%;
}

.form_2col {
	float:left;
	width:49%;
	height:auto;
	margin-bottom:1%;
	margin-left:1%;
}

.form_3col {
	float:left;
	width:32%;
	height:auto;
	margin-bottom:1%;
	margin-left:1%;
}

.form_4col {
	float:left;
	width:23.5%;
	height:auto;
	margin-bottom:1%;
	margin-left:1%;
}

.form_label2{
	font-weight:600;
	
}

 .form_1col textarea {
	width:95%;
	height:150px;
	 
 }


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 3; /* Sit on top */
  padding-top: 10%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.dcf-txt-center {
      text-align: center!important
    }

    .dcf-txt-left {
      text-align: left!important
    }

    .dcf-txt-right {
      text-align: right!important
    }
    
.dcf-table caption {
      color: var(--caption);
      font-size: 1.13em;
      font-weight: 700;
      padding-bottom: .56rem
    }

    .dcf-table thead {
		font-size: 17px;
    }

    .dcf-table tbody {
      border-bottom: 1px solid var(--b-table);
      border-top: 1px solid var(--b-table);
      font-size: 17px;
    }

    .dcf-table tfoot {
      font-size: 17px;
    }

    .dcf-table td, .dcf-table th {
      padding-right: 1.78em
    }

    .dcf-table-bordered, .dcf-table-bordered td, .dcf-table-bordered th {
      border: 1px solid var(--b-table)
    }

    .dcf-table-bordered td, .dcf-table-bordered th, .dcf-table-striped td, .dcf-table-striped th {
      padding-left: 1em;
      padding-right: 1em
    }

    .dcf-table-bordered tr:not(:last-child), .dcf-table-striped tr:not(:last-child) {
      border-bottom: 1px solid var(--b-table)
    }

    .dcf-table-striped tbody tr:nth-of-type(2n) {
      background-color: var(--bg-table-stripe)
    }

    .dcf-table thead td, .dcf-table thead th {
      padding-bottom: .4em;
      vertical-align: bottom
    }

    .dcf-table tbody td, .dcf-table tbody th, .dcf-table tfoot td, .dcf-table tfoot th {
      padding-top: .75em;
      vertical-align: top
    }

    .dcf-table tbody td, .dcf-table tbody th {
      padding-bottom: .75em
    }

    .dcf-table-bordered thead th {
      padding-top: 0.6em
    }

    .dcf-wrapper-table-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      left: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      padding-bottom: 1em;
      position: relative;
      right: 50%;
      width: 100vw
    }
.dcf-table tr:nth-child(even) {background: #CCC}
.dcf-table tr:nth-child(odd) {background: #f9f9f9}



/* Float cancel and delete buttons and add an equal width */
.cancelbtn-confirm, .deletebtn-confirm {
  float: left;
  width: 10%;
	cursor: pointer;
	border: none;
	padding: 4px 14px;
	margin: 4px 0px;
	opacity: 0.9;
}

.cancelbtn-confirm:hover, .deletebtn-confirm:hover {
  opacity:1;
}

/* Add a color to the cancel button */
.cancelbtn-confirm {
  background-color: #f2f2f2;
  color: black;
	margin-left:45%;
}

/* Add a color to the delete button */
.deletebtn-confirm {
  background-color: #f2f2f2;
	margin-left:4%;
}

/* Add padding and center-align text to the container */
.container-confirm {
  padding: 0.1% 3% 1.1% 3%;
  text-align: center;
}

.container-confirm a { 
	font-weight: bold;
	color: #f2f2f2;
}

.container-confirm a:hover { 
	text-decoration: underline;
}

/* The Modal (background) */
.modal-confirm {
  /* display: none;  Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 8; /* Sit on top */
  left: 0;
  bottom: 0;
  width: 100%; /* Full width */
  /* height: 100%;  Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: none;
}

/* Modal Content/Box */
.modal-content-confirm {
	width: 100%;
	border-top: 2px solid white;
}

/* Style the horizontal ruler */
hr-confirm {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}
 
/* The Modal Close Button (x) */
.close-confirm {
  position: absolute;
  right: 35px;
  top: 15px;
  font-size: 40px;
  font-weight: bold;
  color: #f1f1f1;
}

.close-confirm:hover,
.close-confirm:focus {
  color: #f44336;
  cursor: pointer;
}

/* Clear floats */
.clearfix-confirm::after {
  content: "";
  clear: both;
  display: table;
}


@media only screen and (max-width: 760px){
.cancelbtn-confirm, .deletebtn-confirm { width: 90%; }
.cancelbtn-confirm { margin-left:5%; }
.deletebtn-confirm { margin-left:5%; }
}

@media only screen and (min-width: 761px) and (max-width: 1365px) {
.cancelbtn-confirm, .deletebtn-confirm { width: 30%; }
.cancelbtn-confirm { margin-left:35%; }
.deletebtn-confirm { margin-left:4%; }
}






/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 760px)  {
	
.logo {
    width: 100%;
    margin-left:0%;
	text-align:center;
}	
	
.logo img{
    max-width:300px;

}	
	
	
	.nav, .contact, .member_login, .top_bar, .member_photo {

    display:none;
}



	.home_button1 {

	width:22%;
	margin-top:3%;
	margin-bottom:3%;
	margin-left:2%;
		
	}

	.home_button2, .home_button3, .home_button4 {
		
	width:22%;
	margin-top:3%;
	margin-bottom:3%;
	margin-left:2%;
		
	}
	
	.content_button1 {

	width:22%;
	margin-top:3%;
	margin-bottom:3%;
	margin-left:2%;
		
	}

	.content_button2, .content_button3, .content_button4 {
		
	width:22%;
	margin-top:3%;
	margin-bottom:3%;
	margin-left:2%;
		
	}
	

.member_photo {
    width: 35%;
}

.member_title img {
    max-width: 40px;
    vertical-align: middle;

}

.member_title {
    font-size: 3.8vw;
	width:90%;
	margin-left:5%;
}

.member_description {

    font-size: 2.5vw;
	line-height:normal;
	width:90%;
	margin-left:5%;
}

.member_description img {
    max-width: 100px;
}



.connectwithus1 img, .connectwithus2 img {
    width: 25%;
}

.topnav {
  overflow: hidden;
  background-color: #666666;
  position: relative;
  display:block;
  float:left;
  width:100%;
  height:auto;
  min-height:20px;

}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  min-height:20px;
}

.topnav a.icon {
  background: #000;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}
	
	.top_mobile { display:block;}

.active {
  background-color: #000;
  color: white;
}	

	.subpage_nav {

    margin-left:2%;
	width:93%;
}



	.subpage_nav, .subpage_nav a {

    font-size: 12px;
}

.committment_container, .members_container{
margin-left:2%;	
width:95%;
font-size: 3vw;
line-height:normal;
margin-right:0%;
float:left;	
}


.committment_text span {
    font-size: 5vw;
    margin-bottom: 3%;
}

.committment_text  {
    line-height:normal;
	float:left;
	margin-left:2%;
}

.committment_text img {
    max-width: 100px;
}


.vision_container {
    font-size: 3vw;
	margin-left:2%;
	width:96%;
}

.vision_text  {
    line-height:normal;
}

.vision_text span {
    font-size: 5vw;
	padding-bottom:1%;
}

.buildingcode_container {
    font-size: 3vw;
	margin-left:2%;
	width:96%;
}
.buildingcode_text  {
	line-height:normal;
	width:100%;
	
}

.buildingcode_text span {
    font-size: 5vw;
	line-height:normal;
}

.buildingcode_text img {
    max-width: 200px;
}

.buildingcode_img {
	display:none;
}

	
	#np_image {
	width:25%;	
		
	}

	#np_text {
	width:71%;
		
	}
	
.form_2col, .form_3col, .form_4col {
	width:100%;
}	
	
	
	      .dcf-table-responsive thead {
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
        white-space: nowrap
      }
      .dcf-table-responsive tr {
        display: block
      }
      .dcf-table-responsive td {
        -webkit-column-gap: 3.16vw;
        -moz-column-gap: 3.16vw;
        column-gap: 3.16vw;
        display: block;
        grid-template-columns: -1fr 2fr;
        text-align: left!important
      }
      .dcf-table-responsive.dcf-table-bordered, .dcf-table-responsive.dcf-table-bordered thead th {
        border-width: 0
      }
      .dcf-table-responsive.dcf-table-bordered tbody td {
        border-top-width: 0
      }
      .dcf-table-responsive:not(.dcf-table-bordered) tbody tr {
        padding-bottom: .75em
      }
      .dcf-table-responsive:not(.dcf-table-bordered) tbody td {
        padding-bottom: 0
      }
      .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td {
        padding-right: 0
      }
      .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child {
        border-bottom-width: 0
      }
	.dcf-table-bordered td, .dcf-table-bordered th, .dcf-table-striped td, .dcf-table-striped th {
    padding-left: 0px;
    padding-right: 0px;
	}
	
      .dcf-table-responsive tbody td:before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        padding-right: 1.78em
      }
	
	
	
	
	
#footer_container {
	float: left;
    width: 100%;
    height: auto;
    margin-top: 2%;
	text-align:center;
	}

#footer_left {
	float: left;
    width: 80%;
    height: auto;
    margin-top: 2%;
	margin-bottom:2%;
	
	}

#footer_logo {
    float: left;
    width: 100%;
    height: auto;
	margin-top: 10px;
	}

#footer_logo img{
   width:100%
	}
	
	
#footer_address {
	float: left;
    width: 100%;
    height: auto;
    font-size: 14px;
    margin-top: 3%;
	margin-left:0%;
	}	
	
#footer_right {
    float: right;
    width: 100%;
    height: auto;
    margin-top: 3%;
	margin-bottom:3%;
	margin-right:0px;
	text-align: center;
	}

#footer_righttext {
	float: left;
    width: 100%;
    height: auto;
    font-size: 14px;

	
	}	
	
	
	
	
	
	
}	


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	
@media only screen and (min-width: 761px) and (max-width: 1365px)  {
	
.logo {
    width: 25%;
    margin-left: 2%;
}	
	
	
	.nav {

    font-size: 1.4vw;
	width:70%;
	margin-top: 3.5%;
	margin-right:2%;
}


	.nav a{

    font-size: 1.4vw;
}

.contact {

    margin-right: 2%;
}

	.home_button1 {

	width:15%;
	margin-top:3%;
	margin-bottom:3%;
	margin-left:11%;
		
	}

	.home_button2, .home_button3, .home_button4 {
		
	width:15%;
	margin-top:3%;
	margin-bottom:3%;
	margin-left:5%;
		
	}
	
	.content_button1 {

	width:15%;
	margin-top:3%;
	margin-bottom:3%;
	margin-left:11%;
		
	}

	.content_button2, .content_button3, .content_button4 {
		
	width:15%;
	margin-top:3%;
	margin-bottom:3%;
	margin-left:5%;
		
	}
	

.member_photo {
    width: 35%;
}

.member_title img {
    max-width: 50px;
    vertical-align: middle;

}

.member_title {
    font-size: 2.5vw;
	width:60%;
}

.member_description {

    font-size: 1.4vw;
	line-height:normal;
	width:60%;
}

.member_description img {
    max-width: 150px;
}



.connectwithus1 img, .connectwithus2 img {
    width: 25%;
}
	
	.subpage_nav {

    margin-left:5%;
	width:90%;
}

	.subpage_nav, .subpage_nav a {

    font-size: 1.4vw;
}

.committment_container{
margin-left:5%;	
width:43%;	
}

.members_container {
    width: 43%;
    margin-right: 5%;
}


.committment_container, .members_container {
    font-size: 1.8vw;
	line-height:normal;
}

.committment_text span {
    font-size: 3vw;
    margin-bottom: 3%;
}

.committment_text  {
    line-height:normal;
}

.vision_container {
    font-size: 2vw;
	margin-left:5%;
	width:90%;
}

.vision_text  {
    line-height:normal;
}

.vision_text span {
    font-size: 3vw;
}

.buildingcode_container {
    font-size: 1.8vw;
	margin-left:5%;
	width:90%;
}
.buildingcode_text  {
	line-height:normal;
}

.buildingcode_text span {
    font-size: 2.8vw;
	line-height:normal;
}

.buildingcode_text img {
    max-width: 200px;
}

	
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (min-width: 1366px) and (max-width: 1919px)  {
	
	.nav {

    font-size: 1.1vw;
	width:55%;
}

	.nav a{

    font-size: 1.1vw;
}

.member_title img {
    max-width: 75px;
    vertical-align: middle;
}

.member_title {
    font-size: 2.5vw;
}

.member_description {

    font-size: 1.1vw;
	line-height:normal;
}


	.subpage_nav, .subpage_nav a {

    font-size: 1.1vw;
}

.committment_container {
    font-size: 1.1vw;
	width:40%;
	margin-left: 8%;
}
	
.members_container {
    font-size: 1.1vw;
	width:40%;
	
}
	
	.committment_img {
     width: 14%;
 }
	
	.committment_text {
		line-height: 1.8vw;
	}

.committment_text span {
    font-size: 2.9vw;
    margin-bottom: 6%;
	margin-top: 7%;
}

.vision_container {
    font-size: 1.2vw;
}
	
	.vision_title {
	font-size: 3.1vw;    
	}

.vision_subtitle {
	font-size: 1.7vw;
}



.buildingcode_container {
    font-size: 1.1vw;
}
	
.buildingcode_text  {
    width: 54%;
}

.buildingcode_text span {
    font-size: 2.2vw;
}
	
	.buildingcode_img {
    margin-top: 1%;
}
	
	
	
	#footer_container a {
		text-decoration: none;
	}
	
	#footer_container a:hover{
		text-decoration: underline;
	}
	
	#footer_left {
		margin-left:9%;}
	
	#footer_right {
		width: 22%;}
    

	
}