/* Dynamic badge CSS */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

#badge{
    position: relative;
}
#badge .dynamicText{
    font-size: 100%;
    position: absolute;
    font-family: "Open Sans", sans-serif;
    background: linear-gradient(180deg, rgba(102,102,102,1) 0%, rgba(183,184,185,1) 17.84%, rgba(255,255,255,1) 62.67%, rgba(102,102,102,1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}
#badge img{
    width: 75px;
    height: auto;
}
#badge .estYear{
    font-size: .60rem;
    line-height: 1em;
    top: 7px;
}
#badge .curYear{
    font-size: .60rem;
    line-height: 1em;
    top: 7px;
    left:48px;
}
#badge .age{
    font-size: 2.8rem;
    top: 49px;
    margin-left: 3px;
    line-height: 1em !important;
}

#company #badge {
    position: absolute;
    margin-left: 50px;
    margin-top: 30px;
}

@media screen and (max-width: 500px){
    #company #badge {
        margin-top: 220px;
        margin-left: 40px;
    }
}