#contact{
        display: flex;
         justify-content: space-evenly
      }

      .contact-info{
        
        /*margin-left: 10px;*/
        width: 400px;
         padding-bottom: 30px;
         padding-left: 30px;
         border-radius: 30px;
         background: white;
             border: 1px solid #008586; 
        
      }
     .contact-form{
      width: 400px;
        padding-left: 30px;
        padding-bottom: 30px;
        padding-top: 20px;
        border-radius: 30px;
      /*  background: lavender*/
     border: 1px solid #008586;

     }
     #contact_img{
 
 background-image:  url(img/contact.jpg);

        
}
#socials{
   display: block;
   
}
#socials img{
   width:20px;
}
#socials div{
   display: flex;
   margin-right: 40px;
}
#socials p{
   margin-top: 9px;
   margin-left: 20px;
}
.contact-box p{
   padding-left: 20px
}
.contact-box div{
   padding-top: 20px;
   /*padding-left: 10px;*/
}
label {
  display: block;
  margin-bottom: 10px;
}
i{
   margin-right: 8px;
   color: #008384
}
input[type="text"], input[type="email"], textarea {
  width: 80%;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
   background: whitesmoke;
}

input[type="submit"] {
  background-color: #337ab7;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

input[type="submit"]:hover {
  background-color: #23527c;
}
.contact-form img{
   width:30px;
   
}
.contact-form div{
   display: flex;
   margin-bottom: 10px;
}
.contact-form h3{
   margin-top: 5px;
   margin-left: 10px;
}
#location-icon{
   width:30px;
}
.subheading{
   margin-top: 7px;
   margin-left: 10px;
   color:#008384
}
#location{
   box-shadow: 1px 1px 3px darkgray;
   margin-bottom: 30px;
   margin-top: 30px;
        
}
iframe{
      margin: 20px;  
}

@media(max-width:720px){
   h3{
      margin-bottom: 9px
   }
   #contact{
      display: block;
      width:100%;
      margin: 0 auto;
      
   }
   .contact-info{
      width:95vw;
      margin: 0 auto;
      background:none
   }
        .contact-box div{
                width:90%;
                
        }
   #socials{
      display: block;
      width:99%;
   }
   .contact-form{
      width:95vw;
      margin: 0 auto;
      margin-top: 40px;
   }
   iframe{
      width:80vw;
   }
}