.shot {
    border-radius: 0.3em;
    box-shadow: rgba(0,0,0,0.15) 0 1px 4px;
    box-sizing: border-box;
    border: rgba(0,0,0,0.1) 0.5em solid;
    margin-bottom: 1em;
    max-width: 100%;
    display: block;
}

.header-small {
    height: 45vh !important;
    min-height: 45vh !important;
}
ul.no-decoration li{
    list-style: none;
}
aside {
    float: right;
    padding: 0.4em 0.8em;
    float: right;
    max-width: 15em;
    margin-left: 2em;
    margin-right: 1.5em;
    background-color: rgba(0,0,0,0.8);
    color: white;
    font-weight: lighter;
    letter-spacing: 1px;
    border-radius: 0.3em;
}
    aside code {
        color: white;
    }

/** Styles to make documentation look OK **/
.section {
    padding: 10px 0;
}
dl {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}
pre.screen {
    border: 1px solid #dee2e6 !important;
    padding: 10px !important;
   
    font-size: 87.5%;
    color: #e91e63;
    word-break: break-word;
}

.navbar.navbar-color-on-scroll:not(.navbar-transparent) li {
    color: #555 !important;
}
.navbar.navbar-transparent li {
    color: #fff !important;
}

.bg-orange {
    background-color: #F15829;
    /*background-color: rgba(241,88,41,0.5);*/
    color: #fff;
}

.bg-maroon {
    background-color: #792308;
    color: #fff;
}
.bg-black {
    background-color: rgba(0,0,0,0.8);
    color: #fff;
}

.top-message {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-weight:200;
}

.dot {
    height: 185px;
    width: 185px;
    background-color: rgba(255,255,255,0.9);
    border-radius: 50%;
    display: inline-block;
}
.dot h6{
    padding: 30px;
}

.faqlink {
  scroll-margin-top: 95px; /* match header height */
}

.free {
  font-weight: bolder;
  text-transform: capitalize;
}