.student-info {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  display: grid;
  grid-template-columns: 30% 70%;
  
  .s-info {

    .si-body {
      padding: 10px;
      font-size: 18px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: 20px;
      grid-row-gap: 3px;
      grid-template-areas:
        "address address address"
        "phone phone fax"
        "email email email";
      text-align: left;
      margin-left: 7px;
      margin-bottom: 2em;

      label {
        font-weight: bold;
        display: block;
      }
      .info-field {
        padding-bottom: 7px;
        margin-left: 10px;
      }

      .info-name {
        grid-area: name;
      }
      .info-pin{
        grid-area: pin;
      }
      .info-address {
        grid-area: address;
      }
      .info-city {
        grid-area: city;
      }
      .info-state {
        grid-area: state;
        padding-left: 5px;
      }
      .info-zip {
        grid-area: zip;
        padding-left: 10px;
      }
      .info-phone {
        grid-area: phone;
      }
      .info-fax {
        grid-area: fax;
      }
      .info-email {
        grid-area: email;
      }
      
    }
    .info-update {
      padding-bottom: 1.5em;

      button {
        background-color: #cc482e;
        width: 60%;
        height: auto;
        padding: 5px;
        color: lightgray;
        font-weight: 600;

      }
      button:hover {
        background-color: #AF3A23;
      }

      a {
        color: #AA3A1D;
        text-decoration: none;
      }
    }
  }

  .actions-sec {
    .modal-container {
      width: 70%;
    }
    .modal-footer {
      display: none;
    }
  }
  
}