@charset "utf-8"

a {
  color: #333;
  text-decoration: none;
}

.cmn-title {
   text-align: center;
  font-weight: bold;
  margin-top:160px;
  margin-bottom: -60px;
   
}
.header {
 
 
}

.header-list {
   display: flex;
  justify-content: space-between;
  max-width: 1020px;
  margin: 0 auto;
}

.header-item {

}
/* about */

.about{
  /* max-width: 800px; */
  /* margin: 120px auto 0; */
  /* padding: 0 16px; */
}
.about-wrapper{
  /* max-width: 800px; */
  margin-top: 60px;
  /* margin-bottom: 60px; */
  /* width: 50%; */
  /* height: 50%; */
}
/* .about-image{ */
  /* text-align: center; */
}

.about-text{
  margin-top: 40px;
}

.about-greeting{

}

.about-image img {
  max-width: 100%;
}


works{
  max-width: 900px;
  /* margin: 120px auto 0; */
  /* margin-top: 240px; */
}

.sub-title {
  font-size: 60px;
   font-family: Arial, Helvetica, sans-serif;
   color: rgba(0, 0, 255, 0.595);
 
}
.work-list{
  margin-top: 60px;
  margin-bottom: 60px;
  list-style: none;

}

.work-item{
   margin-top: 45px;
   margin-bottom: 45px;
   
}
.work-item.reverse{
  flex-direction: row-reverse;
}
.work-image{


}
.work-image img{
  width: 40%;
}

.cmn-title{
  text-align: center;
  font-weight: bold;
}

.works-logo {
  list-style: none;

}
h3 {
  color: rgba(0, 0, 255, 0.595);
  margin: 0 100px 0 -80px;
}

li {
  padding: 0 auto 0 ;
}
.sub-title {
  display: flex;
  align-content: center;
  justify-content: space-between;
  margin-bottom: 0;
}

.work-image img {
 width: 600px;
  height: 600px;
  margin:  0 80px;
  display: flex;
  align-content: center;
  justify-content: center;
  margin-top:120px;
  padding: 0;

  j
  
}
.work-text {
  display: flex;
  justify-content: center;
  /* margin-bottom: 16px 0; */
  margin-top: 240px;
  list-style: none;
  padding: 0 100px;
}



.work-text{
  /* margin-top: 2rem; */
  /* padding: 0 16px; */
}


.work-item {
  display: flex;
  margin: 0;
  padding: 0 auto 0;
  /* padding-bottom: 0; */
  margin-top: 0;
  /* margin-bottom: 0; */
  font-size: 26px;
  background-color: gainsboro;
}
  
}
/* .contact */

.contact-imag {
  /* padding-right: 100px; */
  /* margin-top: 0 auto 0; */
}
.contact{
  align-content: center;
  /* margin-bottom: 0; */
  padding-top: 0px;
  text-align: center;

}

.contact-text{
  margin-top: 0;
   text-align: center;
   font-weight: bold;


}
.contact-massage{
  align-content: center;

}
.main-title {
  text-align: center;
   font-weight: bold;
  margin-bottom: 60px;
}
.sub-title {
  margin-top: -60px;
  /* padding: 40px; */
}
.contact-mail{
  font-size: 2rem;
  font-weight: bold;
  /* margin-top: 0; */
  /* margin-bottom: 120px; */
  
}
.icon-area{
  margin-top: 120px;
  padding-bottom: 60px;

}
.icon-area . fab{
  font-size: 2rem;
  margin: 0 1rem;
}



/* footer */
.footer{
  background-color: #ddd;
  padding: 30px 16px 10px;

}

.footer-list{
  display: flex;
  justify-content: space-between;
  max-width: 400px;
  margin: 0 auto;
   list-style: none;
}

.footer-item{
  font-size: 12px;
}

.copy-light{
  margin-top: 2rem;
  text-align: center;

}