/*///////////////// about ////////////////*/
#about h3{
  text-align: center;
}

#about #mc .photo span {
position: relative;
height: 0;
background-repeat: no-repeat;
padding-top:62.5%;
background-size:cover;
border-radius: .5em;
}

/*/btn
#about a,#about a:hover{
  text-decoration: none;
}
#about .btn{
  display: block;
  color:#fff;
  border:solid 2px #fff;
  border-radius:50px;
  padding:10px;
  margin:0 auto;
  text-decoration: none;
  text-align: center;
}

#about a:hover .btn{
    border:solid 2px #ffc8f0;
    color:#ffc8f0 !important;
}
/*/
/*/btn/*/

#about a,#about a:hover{
  text-decoration: none;
}
#about .btn{
  display: block;
  color:#ff00c0;
  border:solid 2px #ff00c0;
  border-radius:50px;
  padding:10px;
  margin:0 auto;
  text-decoration: none;
  text-align: center;
}

#about a:hover .btn{
    border:solid 2px #ffc8f0;
    color:#ffc8f0 !important;
}


@media all and (min-width: 768px) {
#about h3{
font-size:140%;
text-align: center;
 }

#about .catch{
  text-align:left;
  font-size:120%;
  margin-bottom:30px;
}
#about #mc{
    margin-top:50px;
}
#about #mc .photo {
width:640px;
margin:30px auto;
}
/*/btn/*/
#about .btn{
  width: 300px;
  padding:20px 0;
  font-size: 130%;
  margin-top:50px;
}
}

@media all and (max-width: 767px) {
#about h3{
font-size:100%;
line-height:120%;
text-align: left;
white-space: nowrap;
  }
  #about .catch{
    font-size:100%;
    margin-bottom:1em;
  }
  #about #mc{
   margin-top:2em;
    }
  #about #mc .photo {
    width:100%;
    margin:1em auto;
    }
/*/btn/*/
  #about .btn{
width: 60%;
font-size: 100%;
  margin-top:2em;
}
}