/* START Supersized Background */
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em;}
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; max-width: none;}
#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
/*END Supersized Background*/


.bxsliderHTMLContainer
{
    position: absolute;	
    top: 50px;
    left: 50px;
	max-width: 700px;
}

.bxsliderHTMLContent
{
      background-color: rgba(255, 255, 255, 0.8);
      padding: 20px;
      font-size: 35px;
      color: #007acc;
      font-family: 'Vollokorn';
      font-style: italic;
      font-weight: bold;
      line-height: 35px;
}

@media screen and (max-width: 850px) {
    
    .bxsliderHTMLContainer
    {
        position: absolute;	
        top: 20px;
        left: 10px;
        right: 10px;
	    max-width: inherit;
    }
    
    .bxsliderHTMLContent
    {
          padding: 10px;
          font-size: 20px;
          line-height: 20px;
    }
}

@media screen and (max-width: 400px) {
    
    
    .bxsliderHTMLContent
    {
          padding: 5px;
          font-size: 16px;
          font-weight: normal;
          line-height: 16px;
    }
}