Aesop Story Engine - Full Screen Components in Genesis

gistfile1.css

.aesop-on-genesis .site-inner{
    max-width:100%;
}
.aesop-on-genesis .entry {
    padding-left:0;
    padding-right:0;
}
.aesop-on-genesis .entry-header,
.aesop-on-genesis .entry-content > *:not(.aesop-component) {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.aesop-parallax-sc {
    margin-left:0;
    margin-right:0;
}

While I have a little knowledge of css this example doesn't help me to use full width on a third party theme like Longform. Please help me out here.