@charset "UTF-8";


.title-head .h1{
  width: 200px;
}
/******************************************************************
  contact
******************************************************************/
.contact > section{
  margin: 0 auto 70px auto;
}
.contact p{
  font-size: 1.5rem;
  line-height: 180%;
  text-align: center;
}
.contact > p{
  margin: 0 0 70px 0;
}
@media only screen and (max-width: 500px) {

  .contact p{
    font-size: 1.3rem;
    line-height: 180%;
  }
  .contact > section{
    margin: 0 0 30px 0;
  }

}

.contact-form{
  max-width: 95%;
  font-size: 1.5rem;
  margin: 0 auto 70px auto;
}


/* thanks
=======================*/
.thanks h3{
  text-align: center;
  font-size: 2rem;
  margin: 0;
}
.thanks p{
  text-align: center;
}
.thanks address{
  max-width: 70%;
  text-align: center;
  display: block;
  background-color: #f1f1f1;
  padding: 20px;
  margin: 50px auto;
  font-size: 1.5rem;
  line-height: 180%;
}
.thanks a.link{
  width: 50%;
  font-size: 1.5rem;
  text-align: center;
  display: block;
  padding: 20px;
  color: #fff;
  background-color: #363636;
  margin: 0 auto 70px auto;
  border-radius: 3px;
}
.thanks a.link:hover{
  background-color: #F07FB1;
}

@media only screen and (max-width: 500px) {

  .thanks p{
    text-align: left;
  }
  .thanks address{
    max-width: 100%;
    padding: 10px;
    margin: 30px auto;
    font-size: 1.3rem;
    line-height: 150%;
  }
  .thanks a.link{
    width: 100%;
    font-size: 1.3rem;
    padding: 10px;
    margin: 0 auto 30px auto;
  }

}