#content
{
  background: no-repeat url("../images/back_contacts.jpg") 0%;
  background-size: cover;
  background-attachment: fixed;
}

.section_contacts
{
  margin: 0 0 20px 20%;
}

.section_contacts:last-child
{
  margin-bottom: 0px;
}

.section_contacts img
{
  height: 30px;
  margin-left: 5px;
  user-select: none;
  pointer-events: none;
}

.hr_contacts
{
  width: 200px;
  margin-left: 20%;
  margin-bottom: 20px;
}

h2
{
  font: 25px "Century Gothic", Tahoma, sans-serif;
  font-weight: bold;
  float: left;
  color: #292929;
}

.section_contacts p
{
  margin-top: 5px;
  font: 18px Arial, Tahoma, sans-serif;
  color: #292929;
}

iframe
{
  width: 100%;
}

#border_map
{
  margin-bottom: 20px;
}

/*Messege*/
input
{
  width: 300px;
  font: 18px Arial, Tahoma, sans-serif;
  padding-left: 5px;
  background: #FFF;
  color: #292929;
}

input:last-child
{
  margin: 10px 0 0 175px;
  width: 150px;
  height: 40px;
  padding-left: 0px;
}

#place_for_messege
{
  width: 500px;
  height: 150px;
  font: 18px Arial, Tahoma, sans-serif;
  padding: 3px 0 0 5px;
  resize: none;
  border: solid 2px #292929;
  background: #FFF;
  color: #292929;
}

form p
{
  margin-top: 10px;
}

form p:first-child
{
  margin-top: 10px;
}

#success_messages
{
  font: 18px Arial, Tahoma, sans-serif;
  font-weight: bold;
}

.error_messages
{
  color: red;
}

.success_messages
{
  color: green;
}

.g-recaptcha
{
  margin-top: 10px;
}

#count_symbols
{
  margin-left: 170px;
}
/**/

@media screen and (max-width: 768px)
{
    .section_contacts
    {
      width: 90%;
      margin-left: 5%;
    }
    
    h2
    {
      font-size: 20px;
    }
    
    .section_contacts p
    {
      font-size: 16px;
    }
    
    input
    {
      width: 90%;
      font-size: 16px;
    }
    
    #success_messages
    {
      font-size: 18px;
    }
    
    #count_symbols
    {
      margin-left: 20%;
    }
    
    #place_for_messege
    {
      width: 90%;
      font-size: 16px;
    }
}