@import url(https://fonts.googleapis.com/css?family= Open+Sans:400,700|Open+Sans+Condensed:300,700|Source+Sans+Pro:400,700|Roboto+Condensed|Oswald|Roboto|Slabo+27px);


 
#container1 {float: left; width: 100%; margin-left: 0.9%;  border:1px solid #ffffff !important; clear: both; margin-bottom: 1em;  
	 font-family:  'Open Sans Condensed', sans-serif; line-height: 45px;	 }
 
	#container1 #div1 {float: left; width: 45%; margin-left: 0.6666%; margin-bottom: 1em;   }
	#container1 #div2 {float: left; width: 45%; margin-left: 0.6666%; margin-bottom: 1em;   } 
	#container1 #div4 {float: left; width: 20%; margin-left: 0.6666%;  margin-top: 1em; border:1px solid #dadada !important; border-radius:6px;  } 

 
#container1 ul {
	list-style-position: inside; 
 	  padding: 0;
}



.header1 {  color: #000000;  font-size: 1.5em; font-family:  'Open Sans Condensed', sans-serif; line-height: 45px; font-weight: bold;   }
 #container1 p  {color:#000000; font-size: 1.1em; font-family:  'Open Sans Condensed', sans-serif; }

.header2 {  color: #663399;  font-size: 1.2em; font-family:  'Open Sans Condensed', sans-serif; line-height: 45px; font-weight: bold;  }
 #container1 p  {color:#000000; font-size: 1.1em; font-family:  'Open Sans Condensed', sans-serif; }

/* Tables */
 

#table1 { 
	border:1px solid #D8D9DA! important; 
    width: 90%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
	 
  }

#table1 tr {
   font-size: 1em; font-family: 'Cabin', sans-serif; 
   border:1px solid #D8D9DA! important; 
    padding: 5px; text-align: left;
  }

#table1 th, #table1 td {
	 font-size: 1em; font-family: 'Cabin', sans-serif; 
   border:1px solid #D8D9DA! important; 
    padding: 10px;
    text-align: left;
  }

#table1 th {
	 
    text-transform: uppercase;
    letter-spacing: 1px;
  }

#table1 th, #table1 td {
    padding: 15px;
    text-align: left;
}


  @media screen and (max-width: 600px) {

    table {
      border: 0;
    }

    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #D8D9DA; 
    }
 
    table td {
      display: block;
      text-align: left;
      font-size: 13px;
      border-bottom: 1px dotted #D8D9DA; 
    }

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
  } 


#people  {
     width: 100%; float: left;   
	text-align: left;  
   	color: #000000 !important; 
  	font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ; 
	font-size: 1.0em;
   	margin: 0.05em 0; padding-left: 10px;  margin-left:10px;
	/*  border:1px solid #D8D9DA !important;*/ 
   
}
.people_all {
     width: 800px;float: left; margin:20px;
    padding: 10px 10px 20px 10px;
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 10px 10px 5px #aaaaaa;
	font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ; 
	font-size: 1.0em;
}
 
.group1 {
     width: 200px;float: left; margin:20px;
    padding: 10px 10px 20px 10px;
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 10px 10px 5px #aaaaaa;
	font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ; 
	font-size: 1.0em;
} 

.group2 {
     width: 180px;float: left;  
    padding: 10px 10px 20px 10px;
    
    background-color: white;
    
	font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ; 
	font-size: 1.0em;
}