.home #header {
    margin-bottom: 24px;
}

#branding {
    padding: 36px 24px;
    /*flex: 1;*/
}

#branding img {
    width: 175px;
}

.header-inner {
    display: flex;
    align-items: center;
    /*background: url(../images/cuore.svg) no-repeat fixed center top;
    background-size: 238px;
    background-position-x: 60%;
    background-position-y: 10%;*/
}

#social-container {
    /*display: none;*/
    flex: 1;
    /*text-align: right;*/
    /*padding: 24px;*/
    align-self: center;
    font-size: 20px;
}

#social-container a{
    display: inline-block;
    margin: 8px;
    opacity: .8;
    color: #42f0fe;
}

#social-container a:hover{
    display: inline-block;
    margin: 8px;
    opacity: 1;
}

@media screen and (max-width: 1024px) {
    #branding img {
        width: 145px;
    }
}

@media screen and (max-width: 960px) {
    #social-container {
        text-align: left;
        /*align-self: center;*/
    }
}

@media screen and (max-width: 768px) {
    #social-container {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    #branding img {
        width: 60px;
    }

    #branding {
        padding: 16px 16px 16px 24px;
    }

    #header {
        margin: 0!important;
    }
}