.row-cards { height: 450px; position: relative; overflow: hidden; }
    .row-cards .bg-img, #contentRow .row-cards .bg-img { position: absolute; left: 0; height: 100%; }
    .row-cards .bg-img.right, #contentRow .row-cards .bg-img.right { position: absolute; height: 100%; left: auto; right:0;  }
.card { display: table; position: relative; float: left; width: 50%; height: 100%; padding: 0 10%; }
    .card h2 { margin-top:0; margin-bottom: 20px; }
    .card p {font-weight: 400;}
    .card .information { display: table-cell; vertical-align: middle; }
    .card .btn { margin-top:12px;}
.bg-red { background-color: #CC0B2A }
.bg-red .btn-primary:hover { color:#CC0B2A; background-color:#fff; border-color:#fff; }
.bg-white-overlay { background-color: rgba(255,255,255,.5); }

.bounce a:hover {text-decoration: none;}

.quote { font-size: 30px; font-family: "Oswald"; font-weight: 400; }
    .quote p {margin-bottom:5px; line-height: 1.5;}
    .quote .quote-author { font-size: 30px; font-weight: 300; }
    .story-layout .title-content h1 { font-size:64px !important;}

    .tweetcard-container { width: 23%;}

@media (min-width: 1920px) {
    .row-cards { height: 450px; }
    .row-cards .bg-img { width:auto;}
}
@media (min-width: 2560px) {
    .row-cards { height: 600px; }
}
@media (min-width: 769px) {
    .story-layout .bounce { bottom: 15px !important; }
    .story-layout .title-content.bottom { bottom: 65px; }
}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 768px) {
    .quote, .quote p { font-size: 22px !important;  }
    .quote .quote-author { font-size: 22px !important;  }
}

@media only screen and (max-width: 768px) and (min-width: 767px) {
    .row-cards img.bg-img {
        height: 100% !important;
        width: auto;
        max-width: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .row-cards {height:auto;}
    .card { padding-top:35px; padding-bottom:55px; width:100%; }
    #contentRow .row-cards .bg-img,#contentRow .row-cards .bg-img.right {position: relative; width:100%; height:auto;}
    .tweetcard-container { width: 100%;}
    .story-layout .title-content { color: #5b5b5b !important; position: relative; text-align: center; width: 100%; margin-top: 25px; }
    .story-layout .title-content h1 { color: #5b5b5b !important; font-size:32px !important; margin-bottom:0; text-shadow: none !important;}
    .quote.width-65p {width:90% !important;}
}

@media screen and (min-width: 640px) {

}