/* contacts */

.contactsPart{
  width: 100%;
  box-sizing: border-box;
  padding: 10px 10px 10px 10px;

}

.contact{
display: block;
float: left;
width: 45%;
}

.contact >img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.contactsText{
padding: 5rem 0rem 0 2rem;
/* padding-left: 20px; */
text-align: center;
}

.contacts_address{
padding: 5px 10px;
color: navy;
font-size: 2em;
}

.contacts_number{
padding: 50px 10px;
font-size: 4em;
color: navy;
font-weight: bold;
}

.contact_map{
  float: left;
  padding: 3rem 0 1rem 1rem;
}

iframe{
  width:900px;
  height:600px;
}


@media (max-width: 480px) {
  .contactsPart{
  display: ruby;
  grid-template-columns: auto;
  width: 95%;
  padding: 20px 10px 10px 3px;
}

.contactsText{
  float:left ;
  padding-left: 1px;
  text-align: left;
  font-size: 20px;
}
.contact{
  float: left;
  width: 95%;
  /* padding: 5px; */
}
.contacts_number{
  padding: 30px 10px;
  font-size: 30px;
  }

.contact >img{
  width: 350px;
  /* padding-left: 20px; */
}

.contact_map{
  position:relative;
  padding-right: 0px;

}

iframe{
  width:410px;
  height:400px;
}


}