about_us.css

#The_team h1, #The_team h2, #The_team h3, #The_team h4, #We_do h1, #We_do h2, #We_do h3, #We_do h4 {
  clear: none;
}

#The_team article,
#We_do article {
  padding: 20px 0; }

#The_team header,
#We_do header {
  height: 4em;
  position: relative; }

#The_team header dt,
#The_team header dd {
  display: inline;
  width: auto;
  float: none;
  margin: 0;
  font-weight: normal; }

#The_team header dt {
  margin-right: .2em; }

#The_team header dd:after {
  content: ','; }

#The_team header dd:last-child:after {
  content: ''; }

#The_team header dl a {
  color: inherit; }

#The_team img,
#We_do img {
  float: left;
  margin: 0 20px 0 0;
  border-radius: 40px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
  display: block; }

#The_team h3 em,
#We_do h3 em {
  font-style: normal;
  font-weight: normal;
  font-size: .8em;
  padding: .2em .4em;
  border-radius: 3px;
  cursor: default;
  margin-left: .5em;
  background: rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
  color: #eee;
  color: rgba(255, 255, 255, 0.7); }

#We_do article p {
  margin-left: 100px;
  margin-top: 0; }


#The_team h3 em.developer {
  /*background: #bada33;*/
  background: rgba(127, 224, 0, 0.5); }

#The_team h3 em.publisher {
  /*background: #bada33;*/
  background: rgba(128, 0, 128, 0.5); }

#The_team h3 em.designer {
  /*background: #dec0de;*/
  background: rgba(224, 0, 15, 0.4); }

#The_team h3 small {
  display: block;
  color: inherit; }

#The_team h3 i {
  font-style: italic; }

#The_team .toggle {
  color: #999;
  opacity: 0;
  font-weight: bold;
  font-family: "Arial Black", sans-serif;
  font-size: 80px;
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  text-align: center;
  line-height: 80px;
  display: block;
  z-index: 10;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out; }

#The_team article:hover .toggle {
  opacity: .5; }

#The_team article .toggle:focus,
#The_team article .toggle:hover {
  opacity: 1; }

#The_team .more .toggle.more,
#The_team .toggle.less {
  display: none; }

#The_team .more .toggle.less {
  display: block; }

#The_team article > div {
  display: none;
  padding: 40px 0 0 100px; }

#The_team article > div p,
#The_team article > div ul {
  padding-bottom: 1em;
  margin: 0; }

#The_team article.more > div {
  display: block; }

#The_team article p {
  margin-top: 0;
  clear: right; }

#The_team article ul,
#The_team article li {
  margin: 0;
  list-style: none; }

#The_team article li {
  clear: both; }

#The_team article h4 {
  font-weight: bold;
  font-family: Ubuntu, sans-serif;
  font-size: 14px;
  line-height: 1.6em;
  float: left;
  width: 180px;
  margin: 0 0 0 -200px;
  padding-bottom: 1em;
  text-align: right; }