Only Displaying one portfolio article

I have followed the video and even download and used the code provided and all i get is one portfolio article on the grid page.

My Code:

<?php /* Template Name: Portfolio Grid */ ?> <? get_header(); ?> <div class="container"> <!-- Example row of columns --> <div class="row"> <div class="col-md-12"> <?php if (have_posts()): while (have_posts()): the_post()?>

      <div class="page-header">
        <h1><?php the_title();?></h1>
      </div>

       <?php the_content(); ?>

      <?php endwhile; else: ?>

      <div class="page-header">
        <h1>Oh No!</h1>
      </div>

      <p>No Content is appearing on this page!</p>

      <?php endif; ?>
    </div>

  </div>

<div class="row">

<?php $args = array( 'post_type' => 'portfolio' ); $query = new WP_Query( $args );

  ?>

  <?php if ( have_posts() ) : while ( $query->have_posts() ) : $query->the_post(); ?>

<div class="col-sm-3 portfolio-piece"> <h3><?php the_title();?></h3> </div><!-- end col-sm-3 portfolio-piece -->

<?php endwhile; endif; ?> </div><!-- end row -->

<? get_footer(); ?>