Template:NEFU China/CSS-style-Pub

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(T--NEFU_China--teach01.jpg);
   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: black;
   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: orange;
   font-size: 65px;
   padding-top: 50px;
   height: 85px;

}

  1. about p{
   color: white;
   margin:0px;
   font-size: 26px;
   padding-top: 11px;

}


.humanpractice h2{ 

   /* margin-top: 0px!important; */
   /* text-align: center; */
   text-align: center;
   text-decoration: underline;
   text-decoration-color:rgba(4,165,223,1.00);
   text-decoration-style: wavy;
   color: purple;
   margin-bottom: 50px!important;
   margin-top: 70px!important;
   font-size: 40px!important;
   height: 60px;

}

.humanpractice-block{ 

   margin: 0px 150px 30px 150px;
   margin-top: 40px!important;
   padding:15px;
   border:3px solid white;
   border-radius:25px;
   text-align:left;
   -moz-box-shadow:3px 3px 20px #444444;
   -webkit-box-shadow:3px 3px 20px #444444;
   box-shadow:3px 3px 20px #444444;

}

.humanpractice-block h3{ 

   font-size: 30px;
   font-weight:500;
   margin:0;
   padding-top: 2px;
   color: white;
   height: 27px!important;
   /* margin-top: 20px!important; */
   text-align: center;

} .humanpractice-block span{ 

   color:#000000;
   float:right;
   font-size: 30px;

}

.humanpractice-block h4{ 

   color:#606060;
   clear:both;
   font-size: 20px;
   font-weight:500;
   margin:0 0 15px 0;

}

.humanpractice-block p,.humanpractice-block ul { 

   margin:0;
   color:#000000;
   font-size:0.9em;

} .humanpractice-block p{ 

   text-align: justify;
   font-size: 20px!important;
   color: white;

}

.humanpractice-block ul{ 

   padding:0 0 0 15px;

}

@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;
   }

}