
.faces_list_container .face_container .display_info {
     width: 60% !important;
     float: left;
}

.faces_list_container .face_container .face_img {
     width: 40% !important;
     float: left;
}

@media screen and (max-width: 800px) {
    .faces_list_container .face_container .display_info, .faces_list_container .face_container .face_img {
     width: 100% !important;
}
}

h2.faces_title {
     background: #1d84ba !important;
     color: #FFF;
     padding: 1%;
     margin-bottom: 20px;
}

.faces_list_container h3.state_name {
     padding: 1%;
     background: #333;
     color: #FFF;
     margin: 20px 0;
}
.faces_list_container .face_container {
     padding: 1% !important;
		 overflow:hidden;
}

.faces_list_container .face_img img {
     object-fit: cover;
     width: 90%;
     height: 200px;
}

.faces_list_container div.odd {
     background: #f2f2f2;
}

.sdi_read_more {
	background: #1d84ba !important;
	color: #fff !important;
	padding: 5px !important;
	margin: 5px 0 !important;
}

.single_face_container .display_info {
     width: 50%;
     float: left;
}

.single_face_container .face_map {
     width: 50%;
     float: left;
}

.single_face_container .face_img img {
     width: 100%;
}

.single_face_container .single_face_title {
     background: #1d84ba !important;
     color: #FFF;
     padding: 1%;
     margin-bottom: 20px;
}

.single_face_container .display_info p {
      font-weight: normal;
      color: #000;
}
@media screen and (max-width: 800px) {
    .single_face_container .display_info, .single_face_container .face_img, .single_face_container .face_map  {
     width: 100%;
}
 .faces_list_container .face_img img {
     width: 100%;
}
}

.faces_window {
   overflow: auto;
	max-width: 75vw;
}

.faces_window:after {
   clear: both;
}

.map_face {
   width: 33%;
   float: left;
   margin: 10px;
}

@media screen and (max-width: 980px) {
.map_face {
   width: 50%;
   float: left;
   margin: 10px;
}
	.faces_window {
		max-width: 75vw;
	}
}

.map_face img {
   max-width: 90% !important;
   height: 50px;
}

.map_face .thumbnail {
    background-color: #f2f2f2;
    width: 120px;
    height: 90px;
    display: inline-block; /* makes it fit in like an <img> */
    background-size: cover; /* or contain */
    background-position: center center;
    background-repeat: no-repeat;
}

.sdi_field label {
	width: 100%;
}

.sdi_field input, .sdi_field textarea, .sdi_field select {
	width: 100%;
}

.sdi_field {
	margin-bottom: 5px;
}

.sdi_field textarea {
        height: 80px;
}