@font-face {
  font-family: 'BEYNO';
  src: url('BEYNO.eot?#iefix') format('embedded-opentype'),  url('BEYNO.woff') format('woff'), url('BEYNO.ttf')  format('truetype'), url('BEYNO.svg#BEYNO') format('svg');
  font-weight: normal;
  font-style: normal;
}
 .logo{
     float: left;
     width: 10em;
     margin-left: 4em;
}
 body{
     background-color: #F9F9F9;
     color: #3f3f3f;
background-image: url("./bg2.jpg");
    background-attachment: fixed;
    background-size: cover;
}
 header ul{
     right: 4em;
     position: absolute;
     top: 50%;
     transform: translateY(50%);
}
 header li{
     display: inline-block;
     font-family: "Exo 2";
}
 .clearfix::after {
     content: "";
     clear: both;
     display: table;
}
 header{
     position: relative;
     padding: 1em;
}
 header li a{
     text-decoration: none;
     color: #3f3f3f;
     padding: 1em 2em;
}
 main{
     clear: both;
     padding-top: 4em;
    max-width: 80em;
    margin: auto;
}
 h2{
     font-family: "BEYNO";
     font-weight: 300;
     font-size: 2.5em;
}
 h3{
     font-family: "Exo 2";
     font-weight: 400;
     font-size: 1.7em;
     margin-top: -1.5em;
}
 .heading_r{
     text-align: right;
     margin-right: 4em;
}
 .heading_l{
     text-align: left;
     margin-left: 4em;
}
 section{
     padding: 4em;
}
 .sec_l{
     float: left;
     width: 40%;
}
 .sec_r{
     float: right;
     width: 40%;
}
 p{
     margin-top: 0;
     margin-bottom: 1.5em;
     font-family: "Open Sans";
     text-align: justify;
     line-height: 1.5em;
}
 section img{
     width: 60%;
     padding: 10% 20%;
}
@media(max-width: 950px) {
     p{
         font-size: 1em;
    }
     .sec_l{
         float: none;
         width: 100%;
    }
     .sec_r{
         float: none;
         width: 100%;
    }
     section{
         padding: 1em;
    }
     .heading_r{
         text-align: center;
         margin:0;
    }
     .heading_l{
         text-align: center;
         margin:0;
    }
     .logo{
         float: none;
         width: 10em;
         margin: auto;
         display: block;
    }
     main{
         padding-top: 0em;
    }
     h2{
         margin-top: .5em;
    }
     header ul{
         display: none 
    }
}

.member {
    width: 33.1%;
    display: inline-block;
    padding: 0 1em;
    box-sizing: border-box;
float: left;
}
.member p{
text-align: center;
}
.member img{
	padding-top: 0;
}
h4{
text-align: center;
    font-family: "Exo 2";
    font-size: 1.3em;
    font-weight: 100;
}
p.achivements {
    font-size: .9em;
    color: gray;
}
@media(max-width: 750px) {
.member img{
width: 40%;
    padding: 0 30%;
}
.member{
width:100%;
padding-bottom: 2em;
}
}
.meile{
padding-bottom: 5em;
}