@font-face {
  font-family: 'Ubuntu2';
  src: url("ubuntu/ubuntu-regular.ttf");
  font-style: normal; }
body {
  font-family: 'Ubuntu2', sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #000;
  background-color: #fff; }

#container {
  display: block;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  z-index: 10;
  height: 250px;
  background-color: #fefefe;
  -moz-box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.2), 0 -6px 20px 0 rgba(0, 0, 0, 0.19), 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.2), 0 -6px 20px 0 rgba(0, 0, 0, 0.19), 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.2), 0 -6px 20px 0 rgba(0, 0, 0, 0.19), 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  @media (min-width: 768px) {
    #container {
      height: auto;
      bottom: 0; } }
  #container .business-card {
    display: block;
    position: absolute;
    z-index: 20;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    @media (min-width: 768px) {
      #container .business-card {
        top: -22px;
        bottom: initial;
        left: 40px;
        right: initial; } }
    #container .business-card .card-image {
      display: none; }
      @media (min-width: 768px) {
        #container .business-card .card-image {
          display: block; } }
      #container .business-card .card-image img {
        border: none; }
    #container .business-card .card-text {
      display: block;
      position: absolute;
      z-index: 30;
      top: 10px;
      right: 20px; }
      @media (min-width: 768px) {
        #container .business-card .card-text {
          top: 50px;
          right: 63px;
          -moz-transform: rotate(4deg);
          -ms-transform: rotate(4deg);
          -webkit-transform: rotate(4deg);
          transform: rotate(4deg); } }
      #container .business-card .card-text h1, #container .business-card .card-text h2, #container .business-card .card-text h3, #container .business-card .card-text p {
        margin: 0;
        padding: 0;
        text-align: right; }
      #container .business-card .card-text h1 {
        font-family: 'Ubuntu2', sans-serif;
        font-weight: 500;
        font-size: 38px;
        line-height: normal;
        color: #2c3494; }
      #container .business-card .card-text h2 {
        font-family: 'Ubuntu2', sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: normal; }
      #container .business-card .card-text p {
        font-family: 'Ubuntu2', sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: normal;
        margin-top: 36px; }
      #container .business-card .card-text a {
        color: #000;
        text-decoration: none; }
        #container .business-card .card-text a:hover {
          text-decoration: underline; }