html {
    background-image: url(../img/fonik-bck.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

img.logo {
    display: block;
    margin: 0 auto;
    margin-top: 12%;
    width: 39%;
}

.social-box {
    font-family: 'arial',sans-serif;
    color: #fff;
    font-size: 28px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    margin-top: 8%;
}

.social-box a {
    color: #fff;
    text-decoration: none;
}
a.facebook:after, a.instagram:after {
  content: "|";
  margin-left: 0.4em;
}

a.facebook:before {
    content: "\f082";
    font-family: 'Font Awesome 5 Brands';
    margin-right: 0.3em;
}

a.instagram:before {
    content: "\f16d";
    font-family: 'Font Awesome 5 Brands';
    margin-right: 0.3em;    
    margin-left: 0.4em;
}

a.twitter:before {
    content: "\f081";
    font-family: 'Font Awesome 5 Brands';
    margin-right: 0.3em;    
    margin-left: 0.4em;
}

.social-box a {
    padding: 10px 0;
    display: inline-block;
}

@media only screen and (max-width: 768px) {
    img.logo {
        width: 70%;
    }  
a.facebook:after, a.instagram:after {
  content: "";
  margin-left: 0;
}
a.instagram:before {
    margin-right: 0;    
    margin-left: 0;
}
a.facebook:before {

    margin-right: 0em;
}

a.twitter:before {
    margin-right: 0;    
    margin-left: 0;
}
.social-box a {
    display: block;
    font-size: 18px;
}
}