/*========== Responsive / Adaptive ==========*/
@media screen and (max-width: 1024px) {
  .container { width: 100%; }
}

@media screen and (max-width: 630px) {
  .column-01, .column-02, .column-03, .column-04, .column-05, .column-06,
  .column-07, .column-08, .column-09, .column-10, .column-11, .column-12 {
    width: 100%;
  }

  
/* 
  .txt-p-01 { font-size: 3em; text-align: center; }
  .txt-p-02 { font-size: 1em; text-align: center; } */


}

@media screen and (max-width: 500px) {
  .modal-content,
  #applicationName,
  #applicationEmail,
  #applicationMessage,
  .applicationButton {
    width: 90%;
  }

  #applicationMessage { height: 120px; }
}

@media screen and (max-width: 350px) {
  
  #applicationName, #applicationEmail, #applicationMessage, .applicationButton {
    width: 250px;
    font-size: 18px;
  }
}