/* Root variables */
:root{
  --footer-height: 266px;
}
/* The default font family. */
/* The font attributes */
/* widths */
/* paddings/margins */
/* misc */
/* Colors */
/* Add your styles here */
.object {
  position: absolute;
  background-size: contain;
  background-repeat:no-repeat;
  z-index:12;
}
.balloon {
  /* Add any additional styles for the balloon class */
  width:15%;
  max-width:90px;
  display:block;
}
@media (min-width: 768px) {
.balloon {
    max-width:100px;
}
  }
@media (min-width: 960px) {
.balloon {
    max-width:100px;
}
  }
@media (min-width: 1280px) {
.balloon {
    max-width:120px;
}
  }
@media (min-width: 1440px) {
.balloon {
    max-width:160px;
}
  }
.balloon:after{
    content:'';
    padding-top:300%;
    display:block;
  }
.star {
  /* Add any styles for the star class */
  width:18%;
  max-width:90px;
  display:block;
}
@media (min-width: 768px) {
.star {
    max-width:100px;
}
  }
@media (min-width: 960px) {
.star {
    max-width:100px;
}
  }
@media (min-width: 1280px) {
.star {
    max-width:120px;
}
  }
@media (min-width: 1440px) {
.star {
    max-width:140px;
}
  }
.star:after{
    content:'';
    padding-top:100%;
    display:block;
  }
/* Background images for balloons and stars */
.balloon-1 {
  background-image: url(../../images/objects/balloon1.png);
}
.balloon-2 {
  background-image: url(../../images/objects/balloon2.png);
}
.balloon-3 {
  background-image: url(../../images/objects/balloon3.png);
}
.balloon-4 {
  background-image: url(../../images/objects/balloon4.png);
}
.balloon-5 {
  background-image: url(../../images/objects/balloon5.png);
}
.star-1 {
  background-image: url(../../images/objects/star1.png);
}
.star-2 {
  background-image: url(../../images/objects/star2.png);
}
.star-3 {
  background-image: url(../../images/objects/star3.png);
}
.star-4 {
  background-image: url(../../images/objects/star4.png);
}
.star-5 {
  background-image: url(../../images/objects/star5.png);
}
/* Position balloons on the left side, stars on the right side */
#block-simplikus-content div.object:nth-child(even) {
  left: calc(4rem / 2.5 * -1);
}
@media (min-width: 768px) {
#block-simplikus-content div.object:nth-child(even) {
    left: calc(4rem / 3.5 * -1)
}
  }
@media (min-width: 960px) {
#block-simplikus-content div.object:nth-child(even) {
    left: calc(4rem / 8 * -1)
}
  }
@media (min-width: 1280px) {
#block-simplikus-content div.object:nth-child(even) {
    left: 0
}
  }
@media (min-width: 1440px) {
#block-simplikus-content div.object:nth-child(even) {
    left: calc(4rem/4)
}
  }
#block-simplikus-content div.object:nth-child(odd) {
  right: calc(4rem / 2.5 * -1);
}
@media (min-width: 768px) {
#block-simplikus-content div.object:nth-child(odd) {
    right: calc(4rem / 3.5 * -1)
}
  }
@media (min-width: 960px) {
#block-simplikus-content div.object:nth-child(odd) {
    right: calc(4rem / 8 * -1)
}
  }
@media (min-width: 1280px) {
#block-simplikus-content div.object:nth-child(odd) {
    right: 0
}
  }
@media (min-width: 1440px) {
#block-simplikus-content div.object:nth-child(odd) {
    right: calc(4rem/4)
}
  }