.float2top {
    vertical-align: top;
    text-align: top;
}
.smalltext {
    font-family:Arial;
    font-size:12px;
    }
.largetext {
    font-family: Arial;
    font-size: 75px;
    font-weight: bold;
}
.redtext {
    font-family:Arial;
    color:red;
}
.bluetext {
    font-family:Arial;
    color:#0064a4;
}
.yellowtext {
    font-family:Arial;
    color:#ffd200;
}
.lightbluetext {
    font-family:Arial;
    color:#6aa2b8;
}
.darkbluetext {
    font-family:Arial;
    color:#1b3d6d;
}
.orangetext {
    font-family:Arial;
    color:#f78d2d;
}
.greentext {
    font-family:Arial;
    color:#3f9c35;
}
.limegreentext {
    font-family:Arial;
    color:#7ab800;
}
.whitetext {
    color:white;
}
.category-link {
    background-image: none !important;
    border-bottom: none !important;
}

.category-icon {
    opacity: .5;
    transition: opacity .25;
}

.category-icon:hover,
.category-icon:focus,
.category-icon.-current {
    opacity: 1;
}

    /*
      Rollover Image
     */
    .figure {
        position: relative;
        width: 360px; /* can be omitted for a regular non-lazy image */
        max-width: 100%;
    }
    .figure img.image-hover {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      object-fit: contain;
      opacity: 0;
      transition: opacity .2s;
    }
    .figure:hover img.image-hover {
      opacity: 1;
    }