Team:NKU China/css/style

@font-face {

   font-family: 'CHERL';
   src: url('../fonts/CHERL___.eot');
   src: local('☺'), url('../fonts/CHERL___.woff') format('woff'), url('../fonts/CHERL___.ttf') format('truetype'), url('../fonts/CHERL___.svg') format('svg');
   font-weight: normal;
   font-style: normal;}

@font-face {

   font-family: 'Futura LT Medium';
   src: url('../fonts/futura-lt-medium.svg');
   src: local('☺'), url('../fonts/futura-lt-medium.woff') format('woff'), url('../fonts/futura-lt-medium.ttf') format('truetype'), url('../fonts/futura-lt-medium.svg') format('svg');
   font-weight: normal;
   font-style: normal;

}

.menu{

   text-align:center;
   padding-left: 0;
   margin-bottom:0;
   list-style: none;
   width: 100%;
   margin-top: 20px;
   height:20vmin;

} .menu>li{

   position: relative;
   display: block;
   text-align:center;
   font-family:'CHERL',sans-serif;
   font-size: 5vmin;
   margin-right: 20px;
   float: none;
   vertical-align: middle;
   height:20vmin;
   }

.menu>li>a{

   position: relative;
   display: block;
   padding: 10px 15px;
   text-decoration: none;
   color:#000;
   border-radius: 4px;
   margin-bottom: 5px;
   text-align: center;

}

.row-pict{

   display:none;

} .row-text{

   display:inline-block;

} .active{

   background-color:#e4b9b9;
   color:#eee;

}

@media (min-width: 768px) {

   .menu> li {
       display: table-cell;
       width: 1%;
   }
   .menu> li > a {
       margin-bottom: 0;
   }

} .wrapper{

       background: #adadad;

} .introduction{

   font-size: x-large;
   margin-top:10vmin;
   margin-bottom:10vmin;
   font-family: "Futura LT Medium",sans-serif;

}

1. header{

   text-align: center;
   font-size: 50px;
   font-family: "Futura LT Book",sans-serif;

} .sub-header{

   display:flex;
   justify-content:center;
   align-items:center;
   padding-bottom: 0;
   line-height: 60px;
   font-size:30px;

} footer{

   background-color:#333;
   color:#FFF;
   text-align:center;
   min-height:200px;

} ul.share-group{

   margin:0 auto;
   display:block;
   width:1080px;
   padding:50px;
   }

.share-group li{

   display:inline-block;
   padding:10px;

} .copy{

   padding-bottom:20px;

}