.contactflags{
    padding-top:5px;
    padding-bottom:5px;
}
.contactflags .flag{
    display:inline-block;
    background-color: var(--primaryButtonColor);
    padding:10px;
    padding-top:7px;
    padding-left:15px;
    padding-right:15px;
    margin-right:5px;
    height:40px;
    vertical-align: top;
}
.contactflags .flag:hover{
    background-color: var(--primaryBgColor);
}
.contactflags .flag .icon{
    display:inline-block;
    color: var(--secondary2TextColor);
    margin-right:10px;
    font-size:22px;
    vertical-align: middle;
}
.contactflags .flag:hover .icon{
    color: var(--secondary3BgColor);
}
.contactflags .flag .label{
    display:inline-block;
    color: var(--secondary2TextColor);
    font-size:18px;
    font-weight:600;
    vertical-align: middle;
}
.contactflags .flag:hover .label {
    color: var(--secondary3BgColor);
}
.contactflags .flag:first-of-type .label{
    font-size:21px;
}
@media screen and (max-width:1100px){
    .contactflags{
        background-color: var(--secondary3BgColor);
        position:fixed;
        bottom:0px;
        left:0px;
        right:0px;
        z-index:800;
    }
}
@media screen and (max-width:850px){
    .contactflags{
        text-align: center;
    }
}
@media screen and (max-width:600px){
    .contactflags .flag .icon{
        margin-right:0px;
    }
    .contactflags .flag .label{
        display:none;
    }
    .contactflags .flag:first-of-type .icon{
        margin-right:10px;
    }
    .contactflags .flag:first-of-type .label{
        display:inline-block;
    }
}
@media screen and (max-width:390px){
    .contactflags .flag:first-of-type .icon{
        margin-right:0px;
    }
    .contactflags .flag:first-of-type .label{
        display:none;
    }
}