#main-picture{
  width: 100%;
}
 
.picture1{
  width: 100%;
}
 
.picture1 button{
  position: absolute;
  margin: 30% auto;
  left: 0;
  right: 0;
}
 
.picture1 #first{
  position: absolute;
  right: 0;
  padding-top: 35%;
  width: 30%;
}
 
.btn-sample {
  color: #fff;
  border: 2px solid #fff;
  padding: 15px 40px;
  text-decoration: none;
  background-color:transparent;
}
 
.btn-sample:hover{
  color: #2F4F4F;
  background-color: #fff;
  border-color: #FFFFFF;
}

I21haW4tcGljdHVyZXsKICB3aWR0aDogMTAwJTsKfQoKLnBpY3R1cmUxewogIHdpZHRoOiAxMDAlOwp9CgoucGljdHVyZTEgYnV0dG9uewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBtYXJnaW46IDMwJSBhdXRvOwogIGxlZnQ6IDA7CiAgcmlnaHQ6IDA7Cn0KCi5waWN0dXJlMSAjZmlyc3R7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHJpZ2h0OiAwOwogIHBhZGRpbmctdG9wOiAzNSU7CiAgd2lkdGg6IDMwJTsKfQoKLmJ0bi1zYW1wbGUgewogIGNvbG9yOiAjZmZmOwogIGJvcmRlcjogMnB4IHNvbGlkICNmZmY7CiAgcGFkZGluZzogMTVweCA0MHB4OwogIHRleHQtZGVjb3JhdGlvbjogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOnRyYW5zcGFyZW50Owp9CgouYnRuLXNhbXBsZTpob3ZlcnsKICBjb2xvcjogIzJGNEY0RjsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwogIGJvcmRlci1jb2xvcjogI0ZGRkZGRjsKfQ==