Need social icons to float right and center when responsive

Replace EVERYTHING in your footer.css stylesheet:

<link rel="stylesheet" href="http://offers.premierinc.com/rs/381-NBB-525/images/footer.css">

With:

#footer {

display: -webkit-box;

display: -ms-flexbox;

display: flex;

-webkit-box-pack: justify;

-ms-flex-pack: justify;

justify-content: space-between;

-webkit-box-align: center;

-ms-flex-align: center;

align-items: center;

-ms-flex-wrap: wrap;

flex-wrap: wrap;

background-color: #666666;

padding: 30px 60px;

}

@media screen and (max-width: 768px) {

#footer {

-webkit-box-orient: vertical;

-webkit-box-direction: normal;

-ms-flex-direction: column;

flex-direction: column;

}

}

.social_icons {

display: -webkit-box;

display: -ms-flexbox;

display: flex;

}

@media screen and (max-width: 768px) {

.social_icons {

margin: 15px 0 0 0;

}

}

.social_icons div {

margin: 0 0 0 5px;

}

#logo {

width: 216px;

height: 46px;background:url(http://offers.premierinc.com/rs/381-NBB-525/images/logo_1.png);

}

#twiterr_icon {

width: 35px;

height: 35px;

background:url(http://offers.premierinc.com/rs/381-NBB-525/images/twiterr_icon.png);

}

#linkedin_icon {

width: 35px;

height: 35px;

background:url(http://offers.premierinc.com/rs/381-NBB-525/images/linkedin_icon.png);

}

#insta_icon {

width: 35px;

height: 35px;

background:url(http://offers.premierinc.com/rs/381-NBB-525/images/insta_icon.png);

}

#youtube_icon {

width: 35px;

height: 35px;

background:url(http://offers.premierinc.com/rs/381-NBB-525/images/youtube_icon.png);

}

#fb_icon {

width: 35px;

height: 35px;

background:url(http://offers.premierinc.com/rs/381-NBB-525/images/fb_icon.png);

}

Then replace the below html code:

<div id="content-container">

<div id="footer">

<div id="footer_bar"></div>

<div id="logo"></div>

<div id="twiterr_icon"></div>

<div id="linkedin_icon"></div>

<div id="insta_icon"></div>

<div id="youtube_icon"></div>

<div id="fb_icon"></div>

</div>

</div>

With this html code:

<div id="footer">

<div id="logo"></div>

<div class="social_icons">

<div id="twiterr_icon"></div>

<div id="linkedin_icon"></div>

<div id="insta_icon"></div>

<div id="youtube_icon"></div>

<div id="fb_icon"></div>

</div>

<!-- end social_icons -->

</div>