#widgets {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    margin:40px 4%;
    z-index: 5;
    text-align: right;
}
.widget {
    display: inline-flex;
    width: 18%;
    vertical-align: top;
    margin: 0px 2.5%
}

.wi {
    margin: 0px 0px 0px 12px
}

.facebook {
    /* margin-right: 5.5%; */
    margin-right: 11.5%
}

.wi {
    color: black;
    font-size: 3em;
}

#widget-weather sup {
    position: relative;
    display: inline-block;
    color: black;
    font-size:1em;
    top: -14px;
    width: 6px;
}

@media only screen and (max-width: 620px){
    .widget {
        display: inline-flex;
        width: 10%;
        vertical-align: top;
        margin: 0px 2%;
    }

    .facebook {
        margin: 0px 6.5%;
    }

    #widget-weather sup {
        font-size:0.75em;
        top: -14px;
        width: 6px;
    }
}