a{
  color: #b5ac9f;
}
a:hover{
  text-decoration: underline;
  color: #FFF;
}
.container a{
  color: #191108;
}
.container a:hover{
  text-decoration: underline;
}

.big-text-down,
#contact h1,
#about h1
{
    color: #FFF;
}

.just_pattern_small{
  display:none;
}
@media only screen and (max-width: 958px) {

  .just_pattern_small {
    /*background-image: url(../images/pattern.png);*/

    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 47%, rgba(0,0,0,0.5) 57%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 47%,rgba(0,0,0,0.5) 57%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 47%,rgba(0,0,0,0.5) 57%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

    position: absolute;
    opacity: 0.8;
    left: 0px;
    top: 0px;
    right:0;
    bottom:0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
  }
  .small-text .inner {
    position: relative;
    margin: 0 3.5em;
  }
  #left4 .small-text,
  #left4 .big-text,
  #left4 .text-line{
    display:none;
  }

}

@media only screen and (min-width: 1400px) {
  .small-text .inner {
      position: relative;
      margin: 0 10em;
  }
}

.h-mail:before {
  content: attr(data-website) "\0040" attr(data-user);
  unicode-bidi: bidi-override;
  direction: rtl;
}