#contact-section {
  overflow: hidden;
  position: relative;
  width: 100%; }
  #contact-section img {
    margin-top: -250px;
    width: 100%; }
    @media only screen and (max-width: 600px) {
      #contact-section img {
        margin-left: -250px;
        width: 220%; } }
    @media only screen and (min-width: 601px) and (max-width: 992px) {
      #contact-section img {
        margin-left: -120px;
        width: 150%; } }
    @media only screen and (min-width: 993px) and (max-width: 1400px) {
      #contact-section img {
        max-height: 650px;
        width: 100%; } }
    @media only screen and (min-width: 1401px) {
      #contact-section img {
        margin-top: -350px;
        max-height: 768px;
        width: 100%; } }

.ru-contact-text-ontop {
  color: #fff;
  position: absolute;
  text-align: center;
  top: 10px;
  width: 100%; }
  .ru-contact-text-ontop p {
    margin: 0;
    padding: 10px 0; }
  @media only screen and (max-width: 600px) {
    .ru-contact-text-ontop .ru-contact-title {
      font-size: 2.5em; }
    .ru-contact-text-ontop .ru-contact-social-media {
      height: 40px;
      padding: 0; }
    .ru-contact-text-ontop .ru-contact-email {
      font-size: 1.5em;
      padding: 4px 0; }
      .ru-contact-text-ontop .ru-contact-email a {
        text-decoration: none; }
        .ru-contact-text-ontop .ru-contact-email a:hover {
          color: #f0f; }
    .ru-contact-text-ontop .ru-contact-address {
      font-size: 1.1em;
      padding: 4px 0; }
    .ru-contact-text-ontop .ru-contact-telephone {
      font-size: 1.2em; } }
  @media only screen and (min-width: 601px) and (max-width: 992px) {
    .ru-contact-text-ontop .ru-contact-title {
      font-size: 3em; }
    .ru-contact-text-ontop .ru-contact-social-media {
      height: 40px;
      padding: 0; }
    .ru-contact-text-ontop .ru-contact-email {
      font-size: 1.5em; }
      .ru-contact-text-ontop .ru-contact-email a {
        text-decoration: none; }
        .ru-contact-text-ontop .ru-contact-email a:hover {
          color: #f0f; }
    .ru-contact-text-ontop .ru-contact-address {
      font-size: 1.2em; }
    .ru-contact-text-ontop .ru-contact-telephone {
      font-size: 1.5em; } }
  @media only screen and (min-width: 993px) and (max-width: 1400px) {
    .ru-contact-text-ontop .ru-contact-title {
      font-size: 3em; }
    .ru-contact-text-ontop .ru-contact-social-media {
      height: 40px;
      padding: 0; }
    .ru-contact-text-ontop .ru-contact-email {
      font-size: 1.5em; }
      .ru-contact-text-ontop .ru-contact-email a {
        text-decoration: none; }
        .ru-contact-text-ontop .ru-contact-email a:hover {
          color: #f0f; }
    .ru-contact-text-ontop .ru-contact-address {
      font-size: 1.2em; }
    .ru-contact-text-ontop .ru-contact-telephone {
      font-size: 1.5em; } }
  @media only screen and (min-width: 1401px) {
    .ru-contact-text-ontop .ru-contact-title {
      font-size: 4em;
      padding-top: 20px; }
    .ru-contact-text-ontop .ru-contact-social-media {
      height: 40px;
      padding: 0; }
    .ru-contact-text-ontop .ru-contact-email {
      font-size: 1.7em; }
      .ru-contact-text-ontop .ru-contact-email a {
        text-decoration: none; }
        .ru-contact-text-ontop .ru-contact-email a:hover {
          color: #f0f; }
    .ru-contact-text-ontop .ru-contact-address {
      font-size: 1.5em; }
    .ru-contact-text-ontop .ru-contact-telephone {
      font-size: 1.7em; } }

.ru-contact-modal {
  background-color: rgba(43, 12, 9, 0.7);
  border: 5px solid #fff;
  margin: 0 auto;
  position: relative;
  top: 60px; }
  @media only screen and (max-width: 600px) {
    .ru-contact-modal {
      height: 200px;
      width: 300px; } }
  @media only screen and (min-width: 601px) and (max-width: 992px) {
    .ru-contact-modal {
      height: 250px;
      width: 350px; } }
  @media only screen and (min-width: 993px) and (max-width: 1400px) {
    .ru-contact-modal {
      height: 250px;
      width: 400px; } }
  @media only screen and (min-width: 1401px) {
    .ru-contact-modal {
      height: 300px;
      width: 450px; } }

.ru-modal-animate-bottom {
  position: relative;
  -webkit-animation: animatebottom 0.4s;
  animation: animatebottom 0.4s; }

@-webkit-keyframes animatebottom {
  from {
    top: 200px;
    opacity: 0; }
  to {
    top: 60px;
    opacity: 1; } }
@keyframes animatebottom {
  from {
    top: 200px;
    opacity: 0; }
  to {
    top: 60px;
    opacity: 1; } }
#header-container:after, #ru-main-container:after, #ru-contact-section:after, #footer-container:after {
  content: "";
  display: table;
  clear: both; }