@media screen and (max-width: 1024px) {
   .header-1 {
       font-size: 8em; /* down from 12.5em */
       padding-left: 40px;
   }
   .header-2 {
       font-size: 3.5em;
       margin-left: 1.5em;
   }
   .header-3 {
       font-size: 2.5em;
       padding-left: 40px;
   }
   .body-copy {
       font-size: 1.4em;
       padding-left: 40px;
       padding-right: 40px;
   }
   .btn-large a {
       width: 400px;
       padding: 20px;
   }
   .column-1,
   .column-2 {
       flex: 0 0 50%;
       height: auto;
   }
}


@media screen and (max-width: 900px) {
   .row {
       flex-direction: column; /* stack columns */
   }
   .column-1,
   .column-2 {
       flex: 0 0 100%;
       margin-bottom: 20px;
       height: auto;
   }
   .header-1 {
       font-size: 6em;
       padding-left: 30px;
   }
   .header-2 {
       font-size: 3em;
       margin-left: 1em;
       padding-top: 2em;
   }
   .header-3 {
       font-size: 2em;
       padding-left: 30px;
   }
   .body-copy {
       font-size: 1.2em;
       padding-left: 30px;
       padding-right: 30px;
   }
   .btn-large a {
       width: 100%;
       max-width: 350px;
       padding: 18px;
   }
   .logo-header {
       width: 20%;
       max-width: 90px;
       height: auto;
   }
}


@media screen and (max-width: 600px) {
   .header-1 {
       font-size: 4em;
       padding: 20px;
       line-height: 1;
   }
   .header-2 {
       font-size: 2em;
       margin-left: 0.5em;
       padding-top: 1.5em;
   }
   .header-3 {
       font-size: 1.75em;
       padding-left: 20px;
       padding-top: 30px;
   }
   .body-copy {
       font-size: 1em;
       padding-left: 20px;
       padding-right: 20px;
   }
   .btn-large a {
       width: 90%;
       max-width: 300px;
       padding: 15px;
       margin-left: auto;
       margin-right: auto;
       display: block;
   }
   .logo-header {
       width: 25%;
       max-width: 70px;
       margin-left: 15px;
       margin-top: 15px;
   }
}