section#GunDetails {
    height: 100vh;
    padding: 24px;
    padding-top: 30px;
    position: relative;
    overflow: scroll;
}

section#GunDetails h3 {
    color: #CABF91;
    font-size: 28px;
    margin-bottom: -8px;
    text-transform: uppercase;
    margin-top: 35px;
}

section#GunDetails>p {
    font-size: 14px;
    color: #54534C;
    padding-top: 10px;
    border-top: 1px solid #ffffff24;
    margin-bottom: 50px;
}

.twoCol svg {fill: #9A8E5D;}

.subHeaderDetail h5 {
    margin-bottom: 0px;
    color: #9A8E5D;
    font-weight: 400;
}

.subHeaderDetail h2 {
    margin: 0px;
    font-weight: 400;
    font-size: 24px;
    color: white;
}

.twoCol {
    display: flex;
    justify-content: space-between;
}

.rightCol .subHeaderDetail {display: flex;flex-direction: column;align-items: end;}

.darkGold {
    background: #645826;
    padding: 10px;
    margin: 20px -24px;
    color: #CABF91;
    margin-top: 50px;
}

.twoCol.bulletDetails img {
    width: 80px;
    max-height: 380px;
    object-fit: contain;
}

.twoCol>div {
    width: 50%;
}

.ammoItem img {
    height: 73px;
    width: 73px;
    object-fit: contain;
    margin: -20px 0px;
}

.ammoItem {
    color: #9A8E5D;
    font-size: 13px;
    padding: 20px;
    border: 2px solid #141619;
    border-radius: 6px;
}

.ammoItem.selected {
    border: 2px solid #CABF91;
    background: #292821;
}

.bulletList {
    display: flex;
    margin-bottom: 30px;
    justify-content: space-between;
}

.bulletDetails h2 {
    margin: 0px;
    font-weight: 400;
    font-size: 24px;
    color: white;
    text-align: right;
}

section#GunDetails .bulletDetails p {
    font-size: 14px;
    color: #54534C;
    margin-bottom: 10px;
    margin-top: 5px;
    text-align: right;
}

.bulletDetails {
    margin-bottom: 45px;
}

.thinLine {
    width: 85%;
    height: 1px;
    background: #ffffff1f;
    margin: auto;
}

.lightGold {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    margin: 25px -24px;
    background: #9A8E5D;
    color: #292821;
    font-size: 18px;
}

.lightGold h2 {
    color: white;
    font-size: 48px;
    margin: 0px;
    font-weight: 400;
}

.armorSection>h3 {text-align: center;}

.armorGrid>div {display: flex;justify-content: space-between;align-items: flex-start;}

.armorGrid .header {
    font-size: 14px;
    font-weight: bold;
    color: #54534C;
    border-bottom: 1px solid #ffffff2b;
    padding-bottom: 5px;
    margin-bottom: 8px;
}

.armorLevelItem h3 {margin-top: 0px;}

.armorLevelItem {
    color: #54534C;
    margin-bottom: 15px;
    font-size: 13px;
}

.armorLevelItem>div:last-of-type {
    font-size: 28px;
}

#GunDetails .armorLevelItem h3 {
    font-size: 26px;
    font-weight: 400;
    margin: 0px;
    margin-bottom: -3px;
}

.armorGrid {
    margin-top: 30px;
}

.bulletRating svg.highlight path {
    fill: #CABF91;
}

.armorLevelItem .stops {
    color: white;
}