.contact-header {
  margin-top: 20px;
  color: #ffffff;
  font-size: 7vw;
  font-weight: 300;
  text-shadow: /* White glow */ 0 0 4px black, 0 0 6px black, 0 0 8px black;
}
.contact-info-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1% 0 5% 0;
  padding: 5%;
  background: rgb(219 200 184 / 69%);
  border-radius: 10px;
}
/* .contact-info-cont h1{

} */
.contact-info-cont h3{
  font-size: 3em;
  color: rgb(0, 0, 0);
}
.contact-info-cont p{
font-size: 1.7em;
color: rgb(0, 0, 0);
}
.name-title {
  margin-top: -15px;
  padding-bottom: 2%;
  font-size: 1.7em;
  color: rgb(0, 0, 0);
}
.icon-wrap {
  width: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 19%, rgba(255, 255, 255, 0) 100%);
    padding: 2% 0 2% 0;
}

.icon-wrap svg{
  width: 10%;
  padding-right: 2%;
  /* fill:rgb(38 60 108); */
  fill:#b47042
}

.icon-wrap a{
    color: #6b3c1d;
    font-size: 1.11em;
}

.icon-wrap a:hover{
  color: #ca300d;
  font-size: 1.11em;
}

/* SMALL SCREEN-------------------------------------------------*/

@media only screen and (max-width: 550px){

  .contact-info-cont h1 {
    font-size: 3em;
}

.contact-header {

  font-size: 10vw;

}



}