<style>
.container::after, .row::after, .u-cf {
    clear: both;
    content: "";
    display: table;


}

#footer {
    background: #2c333c none repeat scroll 0 0;


}

.row {
    width: 100vw;


}


#footer div {
    padding: 3.125vw;
}

.one-quarter.column {
    width: 25vw;
}

.one-quarterContainer {
    height: 25vw;
}

.column, .columns {
    box-sizing: border-box;
    float: left;
    width: 100%;
}


 
 
</style>
 
<p class="reversed">Level 1<br/>
351 William Street<br/>
West Melbourne VIC 3003<br/>
Australia</p>

<p class="reversed">
+61 3 9329 9010<br/>
mail@interactsport.com</p>

</div>


<div class="one-quarter column one-quarterContainer footerContentContainer" id="">
<ul>
<li><a class="reversed" href=""><u class="uReversed">Twitter</u></a></li>
<li><a class="reversed" href=""><u class="uReversed">Facebook</u></a></li>
<li><a class="reversed" href=""><u class="uReversed">Instagram</u></a></li>
<li><a class="reversed" href=""><u class="uReversed">YouTube</u></a></li>
</ul>
</div>
    
<div class="one-quarter column one-quarterContainer footerContentContainer" id="">
<ul>
<li><a class="reversed" href=""><u class="uReversed">Products</u></a></li>
<li><a class="reversed" href=""><u class="uReversed">Services</u></a></li>
<li><a class="reversed" href=""><u class="uReversed">About</u></a></li>
<li class="mid"><a class="reversed" href=""><u class="uReversed">News</u></a></li>
</ul>
<ul>
<li><a class="reversed" href=""><u class="uReversed">Privacy Policy</u></a></li>
<li class="last"><a class="reversed" href=""><u class="uReversed">Terms and Conditions</u></a></li>
</ul>
<ul>
<li class="last"><a class="reversed" href=""><u class="uReversed">User Support</u></a></li>
</ul>
</div>