Как сделать так, чтобы он изменялся в размере?

#box h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 26px;
  color: #888;
  margin-bottom: 10px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
}

.text-1 {
  max-width: 900px;
  margin-right: 130px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  color: #888;
  text-align: left;
}

.text-1 p {
  margin-top: 30px;
  font-size: 22px;
  line-height: 36px;
  text-align: left;
}

#box {
  background-color: white;
  display: inline-block;
}

.first {
  width: 300;
  margin-top: 5px;
  max-height: 200px;
  box-shadow: 2px;
  float: left;
  margin: 30px;
}

.second {
  width: 300px;
  margin-top: 5px;
  max-height: 200px;
  box-shadow: 2px;
  float: left;
  margin: 30px;
}

.third {
  width: 300px;
  margin-top: 5px;
  max-height: 200px;
  box-shadow: 2px;
  float: left;
  margin: 30px;
}

.third p {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 32px;
  color: #888;
  font-weight: 300;
}

.first p {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 32px;
  color: #888;
  font-weight: 300;
}

.second p {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 32px;
  color: #888;
  font-weight: 300;
}

h3 {
  font-size: 26px;
  font-weight: 700;
  color: #888;
  line-height: 30px;
  text-transform: uppercase;
}

.parallax {
  /* The image used */
  background-image: url('/assets/image/parallax.jpg');
  /* Full height */
  height: 250px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

<div id = "box">
  <h2>Vår process</h2>
  <div class = "text-1">
    <p>VI HJÄLPER DIG MED ALLT.</p>
  </div>
  <div class = "first wow fadeInLeft"><img src = "assets/image/kontakt.png">
    <h3>KONTAKT</H3>
    <p>Kontakta oss genom telefon eller vårat kontaktformulär på hemsidan.</p>
  </div>
  <div class = "second wow fadeInUp"><img src = "assets/image/arende.png">
    <H3>GRANSKAN</H3>
    <P>Vi går igenom ditt ärende och ser om vi har möjlighet och utföra jobbet.</P>
  </div>
  <div class = "third wow fadeInRight"><img src = "assets/image/leverans.png">
    <H3>LEVERANS</H3>
    <P>Vi kommer hem till dig och fixar det du behöver hjälp med.</P>
  </div>
</div>