/*Contacts*/

.contact_bar {
    padding: 10px;
    margin-top: 20px;
    display: flex;
    justify-content: left;
    flex-direction: column;
    width: 100%;
    background: linear-gradient(140deg, var(--bg) 55%, var(--primary_color));
    border-radius: 0.5em; 
}

.contact_elements {
    display: flex;
    flex-direction: row;
    justify-self: left;
    width: 100%;
    /* border-radius: 0.5em; 
    background: linear-gradient(140deg, var(--bg) 55%, var(--primary_color)); */
}
.c_item {
    margin-right: auto;
}


.header {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.header img {
    width: 25px;
    height: auto;
    margin: 0;
    margin-left: 15px;
    
}

@media (max-width: 700px) {
    .contact_elements {
        flex-direction: column;
        
    }
}