@media (min-width: 1500px) {
  
article {
width: 70%;
margin:0;
padding: 0 100px 0 300px;
float: left;
}

aside {
width: 30%;
padding: 0 5% 0 0;
margin:0;
float: right;
}
}

@media (min-width:1200px) AND (max-width:1499px) {
  
section > article {
width: 70%;
margin:0;
padding: 0 50px 0 50px;
float: left;
}

section > aside {
width: 30%;
padding: 0;
margin:0;
float: right;
}
}

@media (min-width:641px) AND (max-width:1199px){
  
section > article {
width: 100%;
margin:0;
padding: 0 0 0 50px;
float: none;
}

section > aside {
width: 100%;
padding: 0 0 0 50px;
margin:0;
float: none;
}
}

@media (max-width:640px){
  
section > article {
width: 100%;
margin:0;
padding: 0;
float: none;
}

section > aside {
width: 100%;
padding: 0;
margin:0;
float: none;
}
}