.promocontainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: #0033A1 solid 1px;
    border-top: #0033A1 solid 10px;
    border-radius: 10px;
    margin: 20px auto;
    padding: 10px 25px;
    gap: 20px;
    max-width: 768px;
    flex-wrap: wrap;
    min-width: 300px;
    max-width: 820px;
}

.promotitle h3{
    margin: 20px auto;
    font-size:1.7rem;
    font-weight: bold;
}

.promotitle h3 a{
    color: #0033A1;
}

.promodetail{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rowflex{
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.singledetail{
    display: flex;
    max-width: 425px;
}

@media screen and (min-width: 600px) {
    .rowflex .promotarget
    {
        min-width: 425px;
    }
}

@media screen and (max-width: 600px) {
    .onlydesk{
        display: none;
    }

    .cType{
        order: 1;
    }
}

.singledetail img{
    max-width: 32px;
}

.singledetail .promodetailinfo
{
    margin-left: 10px;
}

.promoprice {
    display: flex;
    align-items: center;
    
}

.promoprice .semi {
    margin: 0 5px;
}

.promoprice .semi .before {
    font-size: 90%;
}

.promoprice .value {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E50028;
}

.promoprice .value .units {
    font-weight: 600;
    font-size: 350%;
}

.promoprice .value .cents {
    font-weight: 600;
    font-size: 130%;
}

@media screen and (max-width: 400px) {
    .promoprice .value .units {
        font-weight: 600;
        font-size: 310%;
    }
    
    .promoprice .value .cents {
        font-weight: 600;
        font-size: 100%;
    }
}

.promoprice .value .sub {
    font-size: 90%;
    text-align: center;
}