.o-hero {
    height: 0 !important;
    padding-top: 72.5% !important; 
}

@media screen and (min-width: 680px) {
    .o-hero { 
        padding-top: 41% !important;   
    } 
}

.grid-container.full.c-intro--w-copy {
    padding: 1rem 0 1rem;
    background: #e9eaea no-repeat 50%;
    background-size: cover;
    height: 100%;
}

.grid-container.full.c-intro--w-copy p {
    text-align: center;
}

.grid-container.full.c-intro--w-copy p.caret:before {
    content: none;
}

@media screen and (min-width: 40em) {
    .two-column-image-copy .large-offset-1.image img {
        width: 40%;
    }
}

.two-column-image-copy{
    background-image: url('/_files/images/nuforne/working-stream.png');   
}

@media screen and (min-width: 64em) {
    .two-column-image-copy {
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100%;
    }
}

.two-column-image-copy .large-offset-1.image {
    text-align: right;
}

.two-column-image-copy.grid-container.full {
    padding: 0.75rem 0 0.25rem 0;
}

.two-column-image-copy h2 {
    font-size: 2.25rem;
}

 @media screen and (min-width: 64em) {
    .two-column-image-copy {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    }
}
.two-column-image-copy.grid-container.full {
padding: 0.75rem 0 0.25rem 0;
}
.two-column-image-copy .large-offset-1.image {
text-align: right;
}
@media screen and (min-width: 40em) {
.two-column-image-copy .large-offset-1.image img {
width: 40%;
}
}
.two-column-image-copy h2 {
font-size: 2.25rem;
}
.two-column-image-copy a {
transition: all .3s;
opacity: 1;
}
.two-column-image-copy a:hover,
.two-column-image-copy a:focus {
opacity: .5;
}
@media screen and (max-width: 39.9375em) {
    .two-column-image-copy .large-offset-1.image {
    width: 18.75%;
    margin-left: 0;
    }
    .two-column-image-copy .large-offset-1.image img {
    margin-bottom: 0;
    }
}

.two-column-image-copy p.copy {
    margin-bottom: 0.25rem;
}

.two-column-image-copy p.listen{
    display: inline;
    margin-right: 7px;
    font: italic 500 1.25rem Futura-pt,Futura PT,Trebuchet MS,Arial,sans-serif;
}

.two-column-image-copy img.arrows{
    width: 2.25rem;
    vertical-align: baseline;
    margin-right: 5px;
    margin-bottom: 0;
}

.two-column-image-copy img.soundcloud{
    width: 12%; 
    display: inline-block;
    margin-right: 12px;
}

.two-column-image-copy img.spotify{
   width: 6%;
   display-:inline-block;
   margin-right: 7px;
}

.two-column-image-copy img.apple{
    width: 8%;
    display: inline-block;
}