html {
    scroll-padding-top: 100px;
    height: 100%;
}

body {
    padding-top: 100px;
    height: 100%;
}

li{margin-left: 30px;}

.left-aligned {
    margin-left: auto;
}

.bg-dark {
    background-color: #343a40 !important;
}

.bg-hero {
    background-color: #111111;
}

@font-face {
    font-family: "Tilda Sans";
    src: url("fonts/30aaff8bab312adfd29944c9cfb18158.eot");
    /* IE9*/
    src: url("fonts/30aaff8bab312adfd29944c9cfb18158.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("fonts/30aaff8bab312adfd29944c9cfb18158.woff2") format("woff2"),
        /* chrome、firefox */
        url("fonts/30aaff8bab312adfd29944c9cfb18158.woff") format("woff"),
        /* chrome、firefox */
        url("fonts/30aaff8bab312adfd29944c9cfb18158.ttf") format("truetype"),
        /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        url("fonts/30aaff8bab312adfd29944c9cfb18158.svg#Tilda Sans") format("svg");
    /* iOS 4.1- */
}


/* CALLOUT */
.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem
}

.bd-callout h4 {
    margin-bottom: .25rem
}

.bd-callout p:last-child {
    margin-bottom: 0
}

.bd-callout code {
    border-radius: .25rem
}

.bd-callout+.bd-callout {
    margin-top: -.25rem
}

.bd-callout-info {
    border-left-color: #5bc0de
}

.bd-callout-warning {
    border-left-color: #f0ad4e
}

.bd-callout-danger {
    border-left-color: #d9534f
}

/* footer */
footer a {
    color: white;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    height: 16px;
}

footer li {
    margin-bottom: 12px;
}

footer a:hover {
    color: white;
    text-decoration: underline;
}

footer svg {
    margin: 5px;
}

footer {
    background-color: #111111;
    padding-top: 60px;
    padding-bottom: 40px;
}

.image {
    width: 100%;
    max-width: 330px;
    /* min-width: 250px;  */
    margin: auto;
    border: 4px
}

/* a .dropdown-item { color: black !important; } */

#listofA h3 {
    font-size: 22px;
    font-family: "Tilda Sans", Arial, sans-serif;
    font-weight: 400;
}

#listofA p {
    font-size: 16px;
    font-family: "Tilda Sans", Arial, sans-serif;
    font-weight: lighter;
    opacity: .6;
}

.tabnavAT, .tabnavAT1, .tabnavAT2 {
    color: black;
}

.tabnavAT:hover, .tabnavAT1:hover, .tabnavAT2:hover {
    color: gray !important;
}

.tabnavAT.active, .tabnavAT1.active, .tabnavAT2.active {
    border-bottom: 2px solid gray;
}

.attab, .attab1, .attab2 {
    background-color: white;
    margin: 0;
    display: flex;
    border-radius: 0 0 40px 40px;
}

strong{
    color: #800000;
}

em {
    color: #355691;
}

.reference{
    background-color: rgba(0, 0, 0, 0.05); border-radius:5px; margin-bottom:5px; padding: 5px; font-size: 10px !important;
}