.brand {
    text-align: center;
      font-weight: 300;
      text-transform: uppercase;
      letter-spacing: 0.1em;
  }
  
  .brand span {
    color: #ffffff;
  }

  
  .wrapper > * {
    padding: 1em;
  }
  
 

  .company-info h3,
  .company-info ul {
    text-align: center;
    margin: 0 0 1rem 0;
  }
  
 
  .contact {
   
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-bottom:30px;
  }
    .contact form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
  
  .contact form label {
    display: block;
  }
  
  .contact form p {
    margin: 0;
  }
  
  .contact form .full {
    grid-column: 1 / 3;
  }
  
  .contact form button,
  .contact form input,
  .contact form textarea {
    width: 100%;
    padding: 0.5em;
    border: solid 1px #ee3b24 ;
    border-radius: 4px;
  }
  
  .contact form textarea {
    resize: none;
  }
  
  .contact form button {
    background: #ee3b24 ;
    border: 0;
    color: #e4e4e4;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
  }
  
  .contact form button:hover,
  .contact form button:focus {
    /* background: #3952a3; */
    color: #ffffff;
    outline: 0;
    transition: background-color 2s ease-out;
  }
  
  .contact h2{
      text-align: center;
      padding-top:80px;
      padding-bottom:10px;
  }
  
  @media only screen and (min-width: 700px) {
    .wrapper {
      display: grid;
      grid-template-columns: 1fr 2fr;
    }
  
    .wrapper > * {
      padding: 2em;
    }
  
    .company-info {
      border-radius: 4px 0 0 4px;
    }
  
    .contact {
      border-radius: 0 4px 4px 0;
    }
  
    .company-info h3,
    .company-info ul,
    .brand {
      text-align: left;
    }
  }

  @media(max-width:768px){
    .contact form{
    display: block;
    grid-template-columns: 0fr;
    grid-gap: 20px;
    padding: 20px;
    }
    
    .contact form label{
    display: block;
    }
    
    .contact form p{
    margin:0;
    }
    
    .contact form .full{
    grid-column: 1/3;
    }
    label
    {
    float: left;
    }
    .contact form input, .contact form textarea{
    width: 100%;
    height: 70px;
    padding: 1em;
    border: 2px solid #ee3b24;
    }
    .contact form input{
    width: 100%;
    height: 10px;
    padding: 1em;
    border: 2px solid #ee3b24;
    }
    .contact form button
    {
    margin-top:20px;
    width: 100%;
    height: 50%;
    padding: 1em;
    border: 2px solid #ee3b24;
    }
    /* .addr
    {
    margin-left: 20px;
    }
    .footcont{
    height: auto;
    width:auto;
    background-color: black;
    margin-top:-100px;
    margin-left:-20px;
    margin-right: -20px;
    } */
    }