#contact_main {
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
}
#contact_img {
   position: absolute;
   width: 300px;
   height: 300px;
   border-radius: 300px;
   border: 7px solid #ecc04a;
   z-index: 2;
   background: url('/design/img/contact.jpg?v1');
   background-size: cover;
}
#contact_info {
   position: relative;
   margin-top: 150px;
   width: 360px;
   background: #ecc04a;
   float: right;
   z-index: 1;
}
#contact_info_main {
   margin-top: 200px;
   padding-bottom: 50px;
}
#contact_info_main ul {
   display: flex;
   flex-direction: column;
   align-items: center;
}
#contact_info_main ul li {
   margin: 10px 0;
}
#contact_info_main ul li p {
   text-align: center;
   font-size: 20px;
}
#contact_info_main ul li p a {
   color: #000;
}
#contact_info_main ul li p a:hover {
   border-bottom: 2px solid #000;
   color: #fff;
}
#contact_info_main ul li #adress{
    font-size: 12px;
}
@media screen and (min-width: 420px) {
   #contact_info {
      width: 400px;
   }
}