#contact-section {
  max-width:100%;
  height: auto;
  padding:4px;
/*  border:1px solid blue;*/
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
  background:linear-gradient(45deg, #00235B, #005792, #085F63);
}

#contact-section > h1 {
   font-size: 2.5rem;
    color:white;
   font-family: "Montserrat", sans-serif;
   font-weight: 600;
   font-style: normal;
   margin-top: 4px;
   margin-bottom: 4px;
}

.contact-section-container {
  max-width:100%;
  height: auto;
/*  border:1px solid black;*/
  margin:12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
/*  flex-direction: column;*/
}

.contact-details {
  width:600px;
/*  border:1px solid red;*/
}

.contact-details > div {
  max-width:100%;
  height: auto;
/*  border:1px solid blue;*/
  display: flex;
/*  flex-wrap: wrap;*/
  padding: 4px;
/*  margin:20px;*/
  font-family: "Montserrat", sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 1.2rem;
   color:#3C486B;
}



.contact-content {
  margin-left: 8px;
  word-break: break-all;
}

.contact-icons {
 width:20px;
 height: 20px;
}

#phone {
  text-decoration: none;
  color:#3C486B;
}

#location-container {
  width:700px;
  height: 400px;
  margin-top: 32px;
}

#location {
  width:100%;
  height: 100%;
}


@media (max-width:425px) {

  #contact-section {
    max-width:100%;
    height: auto;
    padding:2px;
  }

  #contact-section > h1 {
    font-size: 1.5rem;
  }
}