.info-box {
    padding: 30px;
    margin:25px 0px;
    background-color: #57998d;
}

.image-desc {
    font-size: 0.8rem;
}

#ashguardDiagram img {
    width:100%;
}

#design {
    margin: 25px 0px;
}

.inline-image {
    display:flex;
    margin-bottom:25px;
}

.inline-image img {
    margin-right: 10px;
}

.list-title {
    margin-bottom: 2px;
    text-decoration: underline;
}

.plasmid-card {
    margin-bottom:25px;
    background-color: #57998d;
    border-radius: 0px;
    border: none;
}

.plasmid-header {
    background-color: #4f8b81;
    border-radius: none;
    padding-bottom: 0px;

}

.plasmid-body {
    padding: 30px;
}

.nav-tabs {
    border-bottom:#57998d;
    border: #2b4c46;
}

.nav-tabs .nav-link.active {
    background-color:#57998d;
    color: azure;
    border-color:#57998d;
}

.nav-tabs .nav-link:hover {
    border-color: #2b4c46;
}

.forcewhite {
    color:azure !important
}
.ref {
    display:flex;
    flex-direction: column;
    overflow: hidden;
}


@media (max-width: 1024px) {
    img {
        width: 70%;
    }
}

@media (max-width: 600px) {
    img {
        width: 100%;
    }
}