
.glyphiconFC {
  background-color:transparent;
  color: white;
}




img {

.imgBack {
              height: 50px;
              width:50px;
              padding: 5px;
              }


/* Responsive columns */
@media screen and (max-width: 200px) {
  .column {
    width: 25%;
    height: 25%;
    display: block;
        margin-top: 20px;

    }
}

    /* Responsive columns */
    @media screen and (max-width: 600px) {
      .column {
        width: 100%;
        height: 100%;
        display: block;
            margin-top: 20px;

        }


}
}





.backgroundImage {
        z-index: -20;
        background-color: transparent;
        opacity: 0.6;
        border-radius: 10px;
        padding: 5px;
        /* overflow: hidden; */
        box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
        transform: rotate(-4deg) translateZ(0);
        /* padding-left: 20px; */
        border-image-width: 1px;

        overflow: hidden;
        border: 1px solid #000;
        width: 13rem;
        height: 13rem;
        background-size: cover;
}




.divBackgroundImage {
      background-repeat: no-repeat;
      /* background-attachment: fixed; */
      /* background-size: cover; */
      /* opacity: 0.1; */
      background-color: transparent;
}




#headerImage {
  border: 0;
  height: auto;
  width:160px;
  background-color:transparent;
  display: inline-block;
  top:50%;
  margin-top:-12px;
  margin-right: 5px;
}








/* ------------- badges --------------------------- */


.badgeImagelarge {
  border: 10px;
  height: 100px;
  width:100px;
  margin: -20px;
  margin-left: 5px;
  margin-right: 5px;
  padding: -20px;
  background-color: transparent;
}

.badgeImageMedium {
  border: 10px;
  height: 80px;
  width:80px;
  margin: 2px;
  padding: 2px;
  background-color: transparent;
}


.badgeImageSmall {
  border: 10px;
  height: 50px;
  width:50px;
  margin: -2px;
  padding: -2px;
  background-color: transparent;
}



#stdImage {
  border: 0;
  height: 50px;
  width:55px;
  background-color:transparent;
  display: inline-block;
  top:50%;
  margin-top:-15px;
}


.bigImage {
  border: 0;
  height: 300px;
  width:330px;
  background-color:transparent;
  display: inline-block;
  top:50%;
  margin-top:-15px;
}

.medImage {
  border: 0;
  height: 200px;
  width:220px;
  background-color:transparent;
  display: inline-block;
  top:50%;
  margin-top:-15px;
}

span.tooltip {
    font-size: 30px;
     text-align: left;
    border-radius: 0px 3.2px 3.2px 0px;

}

/* -----------------sections -------------------  */