@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');
body {
  background-image: url('../img/hero-02.jpg');
  background-size:cover;
}
.box {
  display: flex;
  align-items: center;
  justify-content: center;
  height:100vh;
}

.box .inner-box {
  height: auto;
  width:50%;
  min-width: 320px;
}

.box .inner-box .imagebox {
  background-color:#fff;
  padding:12px;
  border-radius:10px;
  width:75%;
  min-width:320px;
  margin:0 auto;
  margin-bottom:24px;
}
.box .inner-box p {
  color:#fff;
  font-family:Open Sans;
  font-weight:600;
}
.box .inner-box a.button {
  width:320px;
  display:block;
  margin:0 auto;
  background-color: #fff;
  border-radius: 50px;
  padding: 12px 36px;
  color:#000;
  font-family:Open Sans;
  font-weight:600;
}
.box .inner-box a.button:hover {
  background-color:#ddd;
}
@media only screen and (max-width:639px) { 
  .box .inner-box {
  height: auto;
  width:100%;
}
}