@font-face {
  font-family: Steamy;
  src: url("../fonts/Steamy.otf") format("opentype");
}

/*
.balls {
  width: 384px;
  min-width: 384px;
  /border: 1px solid yellow;

  margin-left: auto;
  margin-right: auto;

  position: relative;
}

.ball {
  position: absolute;
  border-radius: 21px;  

  width: 42px;
  height: 42px;  
}

#ball1 {
  left: 105px;
  top: 235px;
}
  
#ball2 {
  left: 47px;
  top: 358px;
}

#ball2 .ball-content {
  min-width: 260px;
  right: 250px;
}

#ball3 {
  left: 107px;
  top: 158px;
}

#ball4 {
  left: 207px;
  top: 190px;
}

.ball-content {
  position: relative;
  top: -1px;
  color: #3c0;
  display: none;
  min-width: 240px;
  
  padding-right: 0px;
  vertical-align: middle;
  height: 42px;
  min-height: 42px;
  text-align: right;
}

.ball[data-direction="right"] .ball-content {
  right: 230px;
}

.ball[data-direction="left"] .ball-content {
  left: 20px;
}

.ball-lightbox {
  border-radius: 6px; 

  min-width: 20px;
  display: block;

  padding: 15px 10px;
  padding-right: 20px;

  height: 12px;
  min-height: 12px;

  font-size: 11pt;
}

.ball[data-direction="right"] .ball-lightbox {
  background-image: url('../images/ribbon_left.png');
}

.ball[data-direction="left"] .ball-lightbox {
  background-image: url('../images/ribbon_right.png');
}

.ball-lightbox a { 
  color: white;
}

.ball-overlay {
  position: relative;
  top: -43px;
  left: -2px;
  display: none;
}
*/



.ribbons {
  margin-top: 25px;
}

/* background setup */
.background {
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-position:50% 50%\9 !important;
}

/* fullscreen setup */
html, body {
    height:100%;
}

.fullscreen, .content-a {
    width:100%;
    min-height:100%;
}

/* content centering styles */
.content-a {
  display:table;
}
.content-b {
  display:table-cell;
  position:relative;
  vertical-align:middle;
  text-align:center;
}

body{
  margin:0;
  font-family:sans-serif;
  color:#ffffff;
  text-align:center;
}

.ribbons img {
  margin-right: 5px;
  margin-left: 5px;
}

.ribbons td.ribbon {
  vertical-align: top;
}

.ribbons table {
  margin-left: auto;
  margin-right: auto;
}

.download-link {
  vertical-align: middle;
  font-size: 12pt;
  text-align: left;
  display: none;
  color: black;

  font-weight: bold;
  font-family: Arial;
}

.download-link.total-results {
  display: inline-block;
}