@font-face {
  font-family: "courierprime";
  src        : url("../fonts/CourierPrime-Bold.woff2") format('woff2'),
               url("../fonts/CourierPrime-Bold.woff") format('woff'),
               url("../fonts/CourierPrime-Bold.ttf") format('truetype');
  font-weight: bold;
  font-style : normal;
}

@font-face {
  font-family: "courierprime";
  src        : url("../fonts/CourierPrime-BoldItalic.woff2") format('woff2'),
               url("../fonts/CourierPrime-BoldItalic.woff") format('woff'),
               url("../fonts/CourierPrime-BoldItalic.ttf") format('truetype');
  font-weight: bold;
  font-style : italic;
}

@font-face {
  font-family: "courierprime";
  src        : url("../fonts/CourierPrime-Italic.woff2") format('woff2'),
               url("../fonts/CourierPrime-Italic.woff") format('woff'),
               url("../fonts/CourierPrime-Italic.ttf") format('truetype');
  font-weight: normal;
  font-style : italic;
}

@font-face {
  font-family: "courierprime";
  src        : url("../fonts/CourierPrime-Regular.woff2") format('woff2'),
               url("../fonts/CourierPrime-Regular.woff") format('woff'),
               url("../fonts/CourierPrime-Regular.ttf") format('truetype');
  font-weight: normal;
  font-style : normal;
}

.fundraiserbanner {
  height             : 150px;
}

body {
  background-color   : #e5f4ff;
  /*height             : 150px;*/
}

.background {
  position           : relative;
  min-height         : 150px;
  overflow           : hidden;
}

.bg-left {
  position: absolute;
  top: 0;
  left: 0;
  height: 132px;
}

.bg-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 132px;
}

.message {
  z-index       : 2;
  max-height    : 132px;
  overflow      : hidden;
  padding-right : 7px;
  padding-left  : 7px;
}

.message p {
  font-family: "courierprime";
  color      : black;
  padding    : 16px 5px 0px 0px;
  /*margin     : 0px;*/
  font-size  : 10px;
  line-height: 15px;
}

.join-btn {
  height  : 49.5px;
  position: fixed;
  right   : 7px;
  top     : 85px;
}

.opening {
  font-weight: bold;
}

.highlight {
  font-style: italic;
}

/*A text to hide when there is no space left*/
/* .plus-text {
  display: none;
} */

/* Donation Bar */

.progresswidget {
  position     : absolute;
  bottom       : 0;
  padding-right: 0;
  padding-left : 0;
  height       : 18px;
  z-index      : 1;
  width        : 100%;
}

.progress {
  font-weight  : bold;
  height       : 18px;
  border-radius: 0;
  background   : #99d8fd;
  box-shadow   : 0 0 0;
}

.progress-bar-info {
  /* Pinstripes */
  background: repeating-linear-gradient(
    -55deg,
    #fb6b73,
    #fb6b73 15px,
    #ff999e 10px,
    #ff999e 25px
  );

  box-shadow      : 0 0 0;
  position        : absolute;
  min-width       : 40px;
  z-index         : 1;
  top             : 0;
  left            : 0;
}

.percentage {
  font-size    : 16px;
  color        : black;
  line-height  : 8px;
  position     : absolute;
  padding      : 7px 6px 5px 6px;
  padding-right: 15px;
  top          : -1px;
  right        : -2px;
  z-index      : 1;
}

.goal {
  font-size  : 13px;
  color      : #000000;
  line-height: 8px;
  position   : absolute;
  padding    : 7px 6px;
  right      : -1px;
}

/* Media Queries */
/* We don't need to display a banner at this size! */
@media (max-width:304px) {
.bg-left {
  display: none;
  }
}
@media (max-width:320px) {
  .message p {
    display: none;
  }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 480px) {
.message p {
    padding    : 16px 5px 0px 0px;
    font-size  : 13px;
    line-height: 15px;
  }
}

@media (min-width: 683px) {
/* Background image break point */
.bg-left {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../img/684-left.png") no-repeat;
  width: 210px;
  height: 132px;
  padding-left: 210px;
  }

.bg-right {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../img/684-right.png") no-repeat;
  width: 474px;
  height: 132px;
  padding-left: 474px;
  }

  .message p {
    padding    : 9px 53px 0px 11px;
    font-size  : 16px;
    line-height: 22px;
  }

  .join-btn {
    height  : 56.5px;
    right   : 199px;
    top     : 75px;
  }
}

@media (min-width: 684px) {
.message p {
    padding    : 19px 100px 0px 7px;
    font-size  : 11px;
    line-height: 20px;
  }
}

@media (min-width: 768px) {
  .background {
    padding-top: 7px;
  }

  /*.plus-text {
    display: inline;
  }*/
}
/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {
  .donate {
    margin-left: 40px;
    width      : 120px;
  }
}

@media (min-width: 1098px) {
/* Background image break point */
  .background {
    padding-top: 22px;
  }

.bg-left {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../img/1098-left.png") no-repeat;
  width: 345px;
  height: 132px;
  padding-left: 345px;
  }

.bg-right {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../img/1098-right.png") no-repeat;
  width: 753px;
  height: 132px;
  padding-left: 753px;
  }

  .message p {
    padding    : 0px 0px 0px 32px;
    font-size  : 17.5px;
    line-height: 19px;
  }

  .join-btn {
    height  : 60.5px;
    right   : 245px;
    top     : 72px;
  }
}

/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
  .content {
    position : relative;
  }

  .progresswidget {
    padding-right: 0;
    padding-left : 0;
    width        : 100%;
    bottom       : 0;
  }
}

@media (min-width: 1486px) {
/* Background image break point */
.bg-left {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../img/1486-left.png") no-repeat;
  width: 461px;
  height: 132px;
  padding-left: 461px;
  }

.bg-right {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../img/1486-right.png") no-repeat;
  width: 1025px;
  height: 132px;
  padding-left: 1025px;
  }

  .message p {
    padding    : 0px 0px 0px 0px;
    font-size  : 17.5px;
    line-height: 21px;
  }

  .join-btn {
    height  : 63.5px;
    right   : 304px;
    top     : 69px;
  }
}

@media (min-width: 1886px) {
/* Background image break point */
.bg-left {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../img/1886-left.png") no-repeat;
  width: 579px;
  height: 132px;
  padding-left: 579px;
  }

.bg-right {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../img/1886-right.png") no-repeat;
  width: 1307px;
  height: 132px;
  padding-left: 1307px;
  }

  .message p {
    padding    : 0px 0px 0px 124px;
    font-size  : 18.4px;
    line-height: 26px;
  }

  .join-btn {
    height  : 67.5px;
    left    : 121px;
    top     : 61px;
  }
}