.bunsho{
  margin: auto;
  padding: 10px;
  margin-bottom: 10px;
  border: 5px double #333333;
}

.container{
  font-size: large;
}

.img-mini{
  max-width: 20%;
  display: block;
  margin: auto;
}

@media (max-width: 480px){
  h1{
    font-size: 20px;
  }
  h2{
    font-size: 16px;
  }
}
@media (max-width: 768px){
  .bunsho{
    max-width: 90%

  }
  .img-mystyle{
    display: block;
    max-width: 100%;
    height: auto;
  }
}
@media (min-width: 768px) {
  .bunsho {
    width: 691px;
  }
  .img-mystyle{
    display: block;
    width: 765px;
    height: auto;
  }
}
@media (min-width: 992px) {
  .bunsho {
    width: 800px;
    font-size: 120%
  }
  .img-mystyle{
    display: block;
    width: 765px;
    height: auto;
  }
}
@media (min-width: 1200px) {
  .bunsho {
    width: 900px;
    font-size: 150%
  }
  .img-mystyle{
    display: block;
    width: 765px;
    height: auto;
  }
}

body{
  padding-top: 50px;
}