/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
.you {
margin-right: 22px;
width: 47px;
height: 52px;
}

.bd {
margin-right: 7px;
width: 55px;
height: 52px;
}
.blu {
margin-right: 7px;
width: 55px;
height: 52px;
}

.tv {
margin-right: 12px;
width: 55px;
height: 52px;
}
.livre {
width: 55px;
height: 52px;
padding-left: 5px;
}
.disk {
width: 55px;
height: 52px;
padding-left: 0px;
}
.shop {
width: 55px;
height: 52px;
padding-left: 6px;
}
.facebook {
margin-right: 22px;
width: 40px;
height: 39px;
}
.twitter {
margin-right: 10px;
width: 40px;
height: 39px;
}
.instagram {
margin-right: 15px;
width: 40px;
height: 39px;
}
.news {
margin-right: 12px;
width: 48px;
height: 39px;
}
.discord {
width: 51px;
height: 39px;
}
}

body {
 background: url("fondK.jpg") no-repeat center fixed;
background-size: cover;
}
.container {
  display: flex;
    justify-content: center;
    align-items: center;
}

.item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    padding-top:20em;
}


.you {
margin-right: 22px;
width: 37px;
height: 42px;
}

.bd {
margin-right: 7px;
width: 45px;
height: 42px;
}
.blu {
margin-right: 7px;
width: 45px;
height: 42px;
}

.tv {
margin-right: 12px;
width: 45px;
height: 42px;
}
.livre {
width: 45px;
height: 42px;
padding-left: 5px;
}
.disk {
width: 45px;
height: 42px;
padding-left: 0px;
}
.shop {
width: 45px;
height: 42px;
padding-left: 6px;
}
.facebook {
margin-right: 22px;
width: 30px;
height: 29px;
}
.twitter {
margin-right: 10px;
width: 30px;
height: 29px;
}
.instagram {
margin-right: 15px;
width: 30px;
height: 29px;
}
.news {
margin-right: 12px;
width: 38px;
height: 29px;
}
.discord {
width: 41px;
height: 29px;
}