/* <contact> */
@media (min-width:768px)
{
  #contact_content
  {
    width: 640px;
    margin-left: calc(50% - 320px);
    margin-right: calc(50% - 320px);
  }

  .container_contact
  {
    margin-left: 12%;
    margin-right: 12%;
  }

  #contact_contact
  {
    padding-left: 20px;
  }

  #follow_us_contact
  {
    padding-left: 20px;
  }
}

@media (max-width:768px)
{
  #contact_content
  {
    width: 88%;
    margin-left: 6%;
    margin-right: 6%;
  }

  .container_contact
  {
    margin-left: 6%;
    margin-right: 6%;
  }

  #contact_contact
  {
    padding-left: 20px;
  }

  #follow_us_contact
  {
    padding-left: 20px;
  }
}

@media (max-width:400px)
{
  .container_contact
  {
    margin-left: 10px;
    margin-right: 10px;
  }

  #contact_contact
  {
    padding-left: 10px;
  }

  #follow_us_contact
  {
    padding-left: 10px;
  }
}

@media (max-width:320px)
{
  #contact_content
  {
    width: 280px;
    margin-left: 20px;
    margin-right: 20px;
  }
}

#contact_content
{
  height: 500px;
  border-radius: 20px;
  border: 1px solid #B7B7B7;
  background-color: #0D0D0D;
  margin-top: 2vh;
  margin-bottom: 4vh;
  display: block;
}

.title_h1_contact
{
  font-size: calc(1.375rem + 1vw);
  margin-left: 8%;
  margin-right: 6%;
  margin-top: 30px;
  margin-bottom: 0px;
  font-family: 'Tinos', serif;
  font-weight: 700;
  color: #FEFEFD;
}

.title_h3_contact
{
  font-size: calc(1.3rem + .4vw);
  color: #B7B7B7;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.button_contact
{
  margin-top: 18px;
}

.container_contact
{
  padding-left: 0px;
  padding-right: 0px;
}

.row_contact
{
  flex-direction: column;
  align-items: flex-start;
  margin-left: 0px;
  margin-right: 0px;
}

.part_contact
{
  margin-left: 0px;
  margin-right: 30px;
  margin-top: 30px;
}

#contact_contact
{
  display: block;
  border-left: 1px solid #404040;
  width: auto;
  height: auto;
}

#follow_us_contact
{
  display: block;
  border-left: 1px solid #404040;
  width: auto;
  height: auto;
}
/* </contact> */
