#agencynamedesktop {
    display: block;
    padding: 10px; <!-- -->
}
#agencynamemobile {
    display: none;
    padding: 10px; <!-- -->
}
@media only screen and (max-width: 500px) {
    #badge {
        display: none;
    }
    #agencynamedesktop {
        display: none;
        padding: 10px; <!-- -->
    }
    #agencynamemobile {
        display: block;
        padding: 10px; <!-- -->
    }
    .ccbodywrapper {
        margin-top: 140px;
        margin-bottom: 100px;
    }
}

.cctheme {
    background-color: saddlebrown; color: white;

}

.ccthemeagencyname {
    background-color: saddlebrown; color: white;
    font-size: xx-large;
    font-weight: 500;
}

.ccthemenavbar {
    background-color: green; color: white;
}

.cctheme-recentarticles{
    position: relative;
    top: calc(-1.7rem - 1px);
    margin-left: -1.7rem;
    margin-right: -1.7rem;
    margin-bottom: 0;
    background-color: green;
}

.cctheme-recentarticles-title{
    color: white;
    padding: .94em 1.55em;
    text-transform: uppercase;
}

.ccthemefooter {
    background-color: green; color: white;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.ccthemebody {
    background-color: saddlebrown; color: white;
    position: relative;
    min-height: 100%;
    margin-bottom: 100px;
}

.ccthemeresultbody {
    background-color: #161616; color: #fcfcfd;
}

a{
    color: white;
}

.ccthemecontainer{ <!-- -->
    display: flex;
    justify-content: right;
}

.ccrowcenter-table{ <!-- -->
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.ccrowwidth-table{ <!-- -->
    width: 100%
}

.link-buttons-main{
    background-color: #e0dfdf;
    color: black;
    box-shadow: 7px 7px 5px lightblue;
    padding: 10px;
    margin: 5px;
    text-align: center;
}

.item a {
    display: block;
    text-decoration: none !important;
    color: black;
}