@charset "UTF-8";
/* CSS Document */
.details{width: 1000px;
  margin: 0 auto;
  padding: 50px 0 50px 0;
}
.works_link{padding: 50px 0 100px 0;
  text-align:center; }

.works_link a{margin: 0 auto;
  text-align: center;
  padding: 15px 40px;
  background-color: #111;
  color: #FFF;
  border-radius: 10px;
  transition: 1s;}
.works_link a:hover {
  background-color: #666;
  transition: 1s;
}
.text{
	text-align: center;
	padding: 6rem 0px;
	width: 1000px;
	border-bottom: 1px solid #262626;
	margin: 0 auto;
}
.text p {
  font-size: 2rem;
}
@media screen and (max-width: 769px){
  .details{width: 80%;
      margin: 0 auto;
      padding: 30px 0 30px 0;
  }
  .text{
    text-align: center;
    padding: 4rem;
    width: 60%;
    border-bottom: 1px solid #262626;
    margin: 0 auto;
  }	
  .text p {
    font-size: 1.6rem;
  }
  .works_link{padding: 40px 0 80px 0;
  }
	
}