Zju/css/team

body{ margin:0; font-family: 'Roboto', sans-serif; background: #fff; position:relative; } body a{ transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; text-decoration:none; outline:none; } h1,h2,h3,h4,h5,h6{ margin:0; font-family: 'Roboto', sans-serif; } p{ margin:0; } ul,label{ margin:0; padding:0; } body a:hover{ text-decoration:none; } body a:focus {

   outline: none;

} /*-- banner --*/ .w3ls-banner{ background:url(../images/a.jpg)no-repeat center 0px; background-size:cover; position: relative; } .banner-agileinfo,.features-agileinfo {

   background: rgba(0, 0, 0, 0.51);

} /*-- top-header --*/ .header {

   padding-top: 2.5em;

} .logo{

   float: left; 

} .logo h1 {

   font-size: 5em;
   line-height: 1em;
   font-weight: 900;  
   letter-spacing: 3px;

} .logo h1 a,.logo h1 a:hover{

   color: #FFFFFF;

text-decoration: none; outline:none; } /*-- //top-header --*/

/*-- banner-text --*/ .banner-w3ltext {

   padding: 14em 0;
   text-align: center;

} .banner-w3ltext h2 {

   font-size: 8em;
   color: #fff;
   text-align: center;
   text-transform: uppercase;
   line-height: 1.1em;
   letter-spacing: 1px;
   font-weight: 900;
   display: inline-block;
   border: 10px solid rgba(255, 255, 255, 0.34);
   padding: 0.7em 0;

-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;

   border-radius: 50%;
   font-family: 'Roboto', sans-serif;
   width: 320px;
   height: 320px;

} .banner-w3ltext h2 span {

   font-family: 'Roboto', sans-serif;
   display: block;
   font-size: .13em;
   font-weight: 300;
   line-height: 0.5em;
   letter-spacing: 12px;

} /*-- //banner --*/ /*-- about --*/ .about,.codes,.subscribe,.about,.w3gallery,.team,.news,.contact,.features-agileinfo{ padding:5em 0;

   background-color: #fffafa;

} h3.agileits-title {

   font-size: 5em;
   color: #000;
   text-align: center;
   margin-bottom: 1em;
   font-weight: 600;
   letter-spacing: 3px;

} p {

   font-size: 4em;
   color: #999;
   line-height: 4em;

} .w3layouts_about_grid_left {

   padding: 0 13em 0 0;

} /*different grid here! 5 kinds temporarily*/ /*.w3layouts_about_grid_left_pos*/ .grid_left_colorA {

   background: #cbe2f0;
   padding: 2em 0;

} .grid_left_colorB {

   background: #dce7e9;
   padding: 2em 0;

} .grid_left_colorC {

   background: #fdfffa;
   padding: 2em 0;

} .grid_left_colorD {

   background: #f2eadd;
   padding: 2em 0;

} .grid_left_colorE {

   background: #ddf6f2;
   padding: 2em 0;

} .w3layouts_about_grid_left_pos img.img-responsive {

   margin-left: 3em;

} .w3layouts_about_grid_right h4 {

   font-size: 1.2em;
   color:#5f9ea0;
   text-transform: capitalize;
   font-weight: 100;
   margin-top: 2em;
   margin-bottom: 0.5em;
   font-family: 'Lucida Handwriting', sans-serif;

} .w3layouts_about_grid_right h5 {

   font-size: 2em;
   color: #a2b4ba;
   text-transform: capitalize;
   letter-spacing: 1px;
   font-family: 'Segoe UI Light', sans-serif;

} .w3layouts_about_grid_right p {

   margin: 0.2em 0 0 !important; 
   line-height: 1.6em !important;
   font-size: 1.2em !important;
   font-family: georgia,'Segoe UI Light', sans-serif !important;

} /*-- //about --*/

div.black-bg {

   background-color: #888888;

}