Template:NEFU China/CSS-humanpractices

@charset "utf-8"; /* CSS Document */

body{ 

   /* font-size:16px; */
   /* margin:0px; */
   font-family: "Open Sans" !important;
   /* font-size:20px; */
   color:black;

}

body.active{ 

   overflow:hidden;z-index:-1;

}

.background-alt { 

   background:#f2f2f5;

}

  1. lead{
   position:relative;
   height:100vh;
   min-height:300px;
   max-height:300px;
   background:url(green.png);
   background-size:cover;
   padding:0px;
   overflow:hidden;

}

  1. lead-content{
   z-index:10;
   /*
   -webkit-transform:translate(-50%, -50%);
   transform:translate(-50%, -50%);
   text-align:center;
   */
   margin-top: 70px!important;

}

  1. lead-content h1,#lead-content h2{
   text-align: center;

}

  1. lead-content h1{
   font-size: 70px!important;
   text-align: center;
   color:#FFFFFF;
   font-weight:100;
   font-size: 3em;
   text-transform:uppercase;
   letter-spacing:0.05em;
   line-height:0.9em;

}

  1. lead-content h2{
   color:#a0cfee;
   font-weight:500;
   font-size: 4.00em;
   margin-bottom:0px;

}

  1. about{
   padding:20px 150px;
   /*border-bottom:2px solid #dcd9d9;*/

}

  1. about p{
   text-align: justify;
   font-size: 20px;

}

  1. about h2{
   color:#000000;
   font-size: 45px;
   padding-top: 50px;

}

  1. about p{
   color:#000000;
   margin:0px;
   padding-top: 20px;

}


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

   #lead{
       height:auto;
       min-height:auto;
       max-height:auto;
       padding:100px 15px;
   }
   
   #lead-content{
       position:relative;
       -webkit-transform:none;
       transform:none;
       left:auto;
       top:auto;
   }
   
   #lead-content h1{
       font-size:3em;
   }
   
   #lead-content h2{
       font-size:1.75em;
   }

}

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

   #lead-content h1{
       font-size:2em;
   
   }
   
   #lead-content h2{
       font-size:1.3em;
   }
   
   #lead-content a{
       padding:10px 20px;
   }
   
   .humanpractice-block h3,.humanpractice-block span{
       float:none;
   }

}

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

   #lead-content h1{
       font-size:1.5em;
   }
   #lead-content h2{
       font-size:1em;
   }
   
   #lead-content a{
       font-size:0.9em;
       padding:5px 10px;
   }

}

.humanpractice-content { padding:50px 15px; /*border-bottom:1px solid #dcd9d9;*/ text-align:center; }


.humanpractice-content h2{ color:#374054; margin-bottom: 50px!important; /* text-decoration: underline; */ /* text-decoration-color: #23c8e2; */ text-decoration-style: wavy; font-size: 65px; height: 84px; color: orange; }

h2.heading {}

.humanpractice{ position:relative; max-width: 2200px; margin:0 auto 30px auto; overflow:hidden; background: whitesmoke; border-radius:4px; margin-top: 20px!important; margin-left: 150px; margin-right: 150px; }

.humanpractice-image{ float:left; }

.humanpractice-info{ position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); margin-left:300px; padding:15px; }

.humanpractice-info h3{ font-size: 30px; font-weight:300; color:#374054; margin:0 0 15px 0; }

.humanpractice-info p{ color:#74808a; margin:0 0 15px 0; font-size: 18px!important; text-align: justify; }

  1. more-projects{

display:none; }

.humanpractice-info a { 

   font-size: 20px;

}