.container, {
margin:0 auto;
width: 1200px;
}
.grid-1, .grid-2 {
display:inline;
float: left;
margin-left: 1px;
margin-right: 10px;
}

.alpha {
margin-left: 0;
}

.omega {
margin-right: 0;
}

.beta {
margin-left: 0;
margin-right: 0;
}

.container .grid-1 {
width:300px;
border-width: 1px;
border-style: solid solid  solid solid;
padding: 10px;
background-color: #ffffff;
}

.container .grid-2 {
width: 190px;
border-width: 1px;
border-style: solid solid  solid solid;  padding: 1px;
background-color: #000000;
}

/*********************************************************************************************

3. Grid 960px (mediaqueries)

*********************************************************************************************/

@media only screen and (min-width: 960px) and (max-width: 1199px) {
.container,  {
width: 960px;
}
.container .grid-1 {
width:350px;
border-width: 1px;
border-style: solid solid  solid solid;
padding: 10px;
background-color: #ffffff;
}
.container .grid-2 {
width:190px;
border-width: 1px;
border-style: solid solid  solid solid;
padding: 2px;
background-color: #000000;
}


/*********************************************************************************************

4. Grid 720px (mediaqueries)

*********************************************************************************************/

@media only screen and (min-width: 720px) and (max-width: 959px) {
.container,  {
width: 720px;
}
.container .grid-1 {
width:350px;
border-width: 1px;
border-style: solid solid  solid solid;
padding: 10px;
background-color: #ffffff;
}
.container .grid-2 {
width:190px;
border-width: 1px;
border-style: solid solid  solid solid;
padding: 2px;
background-color: #f7f0e1;
}


/*********************************************************************************************

5. Grid lt 720px / Mobile (mediaqueries)

*********************************************************************************************/

@media only screen and (max-width: 719px) {
.container {
width: 100%;
}
.grid-1, .grid-2 {
width:100%;
margin-left: 0px;
margin-right: 0px;
}
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
.beta {
margin-left: 0;
margin-right: 0;
}
.container .grid-1, .container .grid-2, .grid-1,
{
width:100%;
}
}