div.jqcloud {
  font-family: "din_alternate_lightregular", "Helvetica", "Arial", sans-serif;
  color: #09f;
  overflow: visible;
  position: relative;
  line-height: normal;
}

div.jqcloud a {
  color: inherit;
  font-size: inherit;
  text-decoration: none;
  
}

div.jqcloud a:hover {
  color: #0df;
}

div.jqcloud a:link {
 font-family: "din_alternate_mediumregular", "Helvetica", "Arial", sans-serif;
}

div.jqcloud span {
  padding: 0;

}

div.jqcloud span.w10 {
  font-size: 40px;
  color: #7C2D9B;
}
div.jqcloud span.w9 {
  font-size: 36px;
  color: #F0308A;
}
div.jqcloud span.w8 {
  font-size: 32px;
  color: #19AED5;
}
div.jqcloud span.w7 {
  font-size: 28px;
  color: #9151AB;
}
div.jqcloud span.w6 {
  font-size: 24px;
  color: #9151AB;
}
div.jqcloud span.w5 {
  font-size: 22px;
  color: #55C1DD;
}
div.jqcloud span.w4 {
  font-size: 20px;
  color: #A470B8;
}
div.jqcloud span.w3 {
  font-size: 18px;
  color: #F076AF;
}
div.jqcloud span.w2 {
  font-size: 16px;
  color: #90D2E3;
}
div.jqcloud span.w1 {
  font-size: 14px;
  color: #C2A2CE;
}

@media only screen and (max-width: 600px) 
{
    div#cloud {
       width: 100% !important;
       height: auto !important;
    }
    div.jqcloud span {
        position: static !important;
        display: inline-block;
        margin-right: 15px;
    }
}

@media only screen and (min-width: 601px) 
{
    div#cloud {
       width: 700px !important;
       height: 700px !important;
       margin-left: auto;
       margin-right: auto;
    }
    div.jqcloud span {
        position: absolute !important;
        display: block;
        margin-left: 0;
    }
    
    div#cloud.inline-cloud {
       width: 100% !important;
       height: auto !important;
    }
    div.jqcloud.inline-cloud span {
        position: static !important;
        display: inline-block;
        margin-right: 15px;
    }
    
}