.contact_div{
      position: relative;
      padding: 10px;
      background: var(--light_grey);
      border-radius: 10px;
      box-shadow: 0px 2px 8px 0px var(--grey), 0px 2px 8px 0px var(--grey);
}
.contact_form{
      padding: 10px 10px 100px 10px;
      border-radius: 10px;
      background: white;
}
.contact_flex{
      display: flex;
      flex-flow: column;
      gap: 20px;
      justify-content: center;
      align-items: center;
      padding: 20px;
      width: 70%;
      min-width: 400px;
      background: var(--primary);
      color: white !important;
      position: relative;
      bottom: 30px;
      border-radius: 10px;
      margin: auto;
}

@media screen and (min-width : 800px) {
      .contact_div{
            display: grid;
            grid-template-columns: repeat(16, 1fr);
            grid-template-rows: repeat(16, 1fr);
      }
      .contact_form{
            grid-area: 1 / 5 / 17 / 17;
            padding: 10px 10px 10px 10rem;
      }
      .contact_flex{
            grid-area: 4 / 1 / 14 / 7;
            display: flex;
            text-align: left;
            justify-content: left;
            align-items: flex-start;
      }
}