main {
    overflow-x: hidden !important;
}

#banner-img {
    max-height: 400px;
    width: auto;
    object-fit:cover;
}

#services-shell img {
    max-width: 100px;
}

#why-shell-cert img {
    max-width: 150px;
}

#why-shell-priv img {
    max-width: 135px;
}

#monero-img{
    max-width: 135px;

}

#riecoin-img{
    max-width: 145px;
}

#menubar {
    position: fixed;
    height: auto;
    width: 100%;    
    z-index: 2;
    margin: 0px;
}

#mainbar {
    margin: 0px;
}

.card-img-top {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.card-group {
    align-items: stretch;
}

#headpiece {
    padding-top: 85px;
}

.link {
    position: absolute;
    z-index: 1;
    height: 13%;
}

#button-addon2 {
    z-index: 1;
}

.reveal {
    position: relative;
    opacity: 0;
}

.reveal.active {
    opacity: 1;
}

.active.fade-bottom {
    animation: fade-bottom 1s ease-in;
}

.active.fade-left {
    animation: fade-left 1s ease-in;
}

.active.fade-right {
    animation: fade-right 1s ease-in;
}

@keyframes fade-bottom {
    0% {
      transform: translateY(50px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }

@keyframes fade-left {
    0% {
        transform: translateX(-100px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fade-right {
    0% {
      transform: translateX(100px);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }