@charset "utf-8";







.title {
  height: 510px;
  background-image: url(../images/concept/bg-main2.jpg);
  background-repeat:no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
  color: #ffffff;
  text-shadow: 1px 1px 10px #4b2c14;
}

.title h1 {
  font-size: 70px;
  color: #e6f4cf;
  margin-top: 150px;
  font-weight: bold;
  margin-left: 200px;
}
.title p {
  font-size: 30px;
  margin-top: 20px;
  margin-left: 200px;
  color: #f7efef;
}

.test{

 margin-top: 25px;
 text-align: center;
 line-height: 70px;
}

.party{
  display: flex;
  padding: 30px;
  background-color: rgb(247, 250, 250);
  /* width: 1500px; */
  margin: 30px;
}
.your-class{
 
  display: flex;
  height: 500px;
  width: 800px;
  margin-right: 20px;
}

.g1{
  width: 800px;
  height: 500px;
}


.g2{
  width: 800px;
  height: 500px;
}


.g3{
  width: 800px;
  height: 500px;
}


.g4{
  width: 800px;
  height: 500px;
}




.party-comment{
  
  width: 900px;
  font-size: 20px;
  line-height: 35px;

  } 

  .profile{
    display: flex;
   
   
    padding: 80px;
  }

  .profile-comment{
    font-size: 30px;
    line-height: 50px;
    width: 1000px;
    margin-right: 50px;

  }
  .img-2{
    width: 500px;
  }
  
  
 
 
  

.footer{
  margin-top: 100px;

}


.feature-text h2{
  display: inline-block;

 font-size: 30px;
 margin-left: 550px;
 font-weight: bold;
 color: hwb(48 7% 17%);
 margin-top: 20px;

 
}  



.email{
  margin-top: 10px;

}



       
@media (max-width: 763px) {

  .title{
    height: 250px;
  }
.title h1{
  font-size: 20px;
  text-align: center;

}

.title p{
  font-size: 20px;
  text-align: center;
}

.test h2{
  font-size: 15px;
  line-height: 40px;
}

.party{
  display: block;
  
}

.your-class{
  width: 300px;
  height: 200px;
  margin-left: -23px;
}

.your-class img{

  width: 100%;
  width: 300px;
 height: 100%;

  
}

.party-comment{
  font-size: 10px;
  line-height: 25px;
  width: 200px;
}

.profile{
  display: block;
  margin-top: -70px;
}

.profile-comment{
  font-size: 9.5px;
  line-height: 20px;
  width: 200px;
   margin-left: -50px;
}

.img-2{
  width: 300px;
  margin-left: -50px;
}

}