#sitebuilderBanner {
  max-width: 1020px;
  min-height:175px;
  width: 100%;
  position:relative;
  background:url('../images/sitebuilder/image.png') no-repeat right;

}

a {
  text-decoration: none;
}

#link {
  position:absolute;
  width: 100%;
  height: 100%;
  z-index:999;
}

#text {
  background: url('../images/sitebuilder/text-base.png');
  background-repeat: no-repeat;
  height:175px;
  padding-left:30px;
  padding-top:6px;
  padding-bottom:10px;
}


#text p {
  font-family: 'Open Sans', sans-serif;
  font-size: 21px;
  color: #ffffff;
  line-height: 31px;
  margin:0 0 13px 0;
}

#ad-button {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  border-style: none;
  padding:10px 26px;
  border-radius: 5px;

  background: #f45c5c;
  background: -moz-linear-gradient(top, #f45c5c 0%, #e1001a 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f45c5c), color-stop(100%, #e1001a));
  background: -webkit-linear-gradient(top, #f45c5c 0%, #e1001a 100%);
  background: -o-linear-gradient(top, #f45c5c 0%, #e1001a 100%);
  background: -ms-linear-gradient(top, #f45c5c 0%, #e1001a 100%);
  background: linear-gradient(to bottom, #f45c5c 0%, #e1001a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45c5c', endColorstr='#e1001a', GradientType=0 );

  -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.31);
  -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.31);
  box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.31);

  text-shadow: 0px 1px 5px rgba(150, 150, 150, 1);
}


@media screen and (max-width: 510px) {
  #sitebuilderBanner {
    background: none;
  }

  #text {
    background: url('../images/sitebuilder/text-base-mob.png');
    padding-left:0;
    padding-bottom:0;
  }

  #text p {
    text-align: center;
  }

  #ad-button {
    display:block;
    margin:0 auto;
  }

  /* class small is used at domains where the promo text is quite long, e.g. Germany */
  #text p.small {
      font-size: 1.1em;
  }
}

@media screen and (max-width: 320px) {

  #text p {
    font-size:18px;
  }

  #ad-button {
    font-size:18px;
  }

  /* class small is used at domains where the promo text is quite long, e.g. Germany */
  #text p.small {
      font-size: 0.95em;
  }
}

