Major issue with responsive CSS

[bradly.spicer]

Working on a website which is meant to be responsive and getting a few errors which seem out of the norm.

The way I would like it is to shrink the site and line everything up in single file.

Url: http://profiledt.co.uk/SetTraining/

Index.php:

<div id="frontpage-Button-Cont">
<div id="Align-content">
<div class="button-cont">
<div class="thumbnail"><div class="title">Apprenticeships</div></div>
</div>

<div class="button-cont">
<div class="thumbnail red"><div class="title">CPD Online</div></div>
</div>


<div class="button-cont">
<div class="thumbnail orange"><div class="title">Courses</div></div>
</div>

<div class="button-cont">
<div class="thumbnail green"><div class="title">Job Shop</div></div>
</div>


</div>
<a class="twitter-timeline" href="https://twitter.com/Set_Training" data-widget-id="395882390205108224">Tweets by @Set_Training</a><script type="text/javascript">// <![CDATA[
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
// ]]></script>

The part with exexcel, EDI and EU is in footer.

    </div><!-- #main .wrapper -->
    <footer id="colophon" role="contentinfo">
        <div class="site-info">

<script type="text/javascript">
$(document).ready(function(){
    $('.ts-twentytwelve li').each(function(){
        var bg = $(this).css('background-image');
        bg = bg.replace('url("','').replace('")','');

        $(this).css({
            "filter": "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+bg+"', sizingMethod='scale')",
            "-ms-filter" : "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+bg+"', sizingMethod='scale')"
        });             
    });
});
</script>


<div class="footer-logos">
        <ul>
            <li><img src="/images/NAS.png" alt="" class="first"></li>
            <li><img src="/images/Kato.png" alt="" class=""></li>
            <li><img src="/images/MTA.png" alt="" class=""></li>
            <li><img src="/images/KCC.png" alt="" class=""></li>
        <li><img src="/images/SEAC.png" alt="" class=""></li> 
        <li><img src="/images/EdexcelLogo.png" alt="" class=""></li> 
        <li><img src="/images/edi_logo_alt.jpg" alt="" class=""></li> 
        <li><img src="/images/esf-logo-web.jpg" alt="" class="last"></li> 

        </ul>
</div>

Daniweb bugged out. Heres an image: http://puu.sh/5oOxw.png