.container-fluid {
    margin: 0px 10% 0px 10%;
}
#right {width:40%;float: right;margin: 0px; padding: 5px;background-color:#FF4C4F}
#left {width:60%;float: left;margin: 0px; padding: 5px;background-color:#62A4FF}
#footer {
    clear: both;
    text-align: center;
    font-family: bebas-neue;
    font-style: normal;
    font-weight: 400;
    color: #000000;
    background-color: #FFFFFF;
}

/* Media Queries */
@media only screen and (min-width: 480px) {
#left 	{
	width: 100%;
	float: left;
	margin: 0px; 
	padding: 5px;
	background-color:#62A4FF;
		}
#right 	{
	width: 100%;
	float: right;
	margin: 0px; 
	padding: 5px;
	background-color:#FF4C4F;
		}
}

@media only screen and (min-width: 992px) {
#left 	{
	width: 100%;
	float: left;
	margin: 0px; 
	padding: 5px;
	background-color:#62A4FF;
		}
#right 	{
	width: 100%;
	float: right;
	margin: 0px; 
	padding: 5px;
	background-color:#FF4C4F;
		}
}

@media only screen and (min-width: 1200px) {
#left 	{
	width: 50%;
	float: left;
	margin: 0px; 
	padding: 5px;
	background-color:#62A4FF;
		}
#right 	{
	width: 50%;
	float: right;
	margin: 0px; 
	padding: 5px;
	background-color:#FF4C4F;
		}
}