.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


@media ( max-width: 768px) { .desktop-only { display : none; } }

.mobile-only {
    display: none;
    font-size: 0;
    max-height: 0;
    line-height: 0;
    mso-hide: all; /* hide elements in Outlook 2007-2013 */
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .mobile-only {
        display: block !important;
        font-size: 12px !important;
        max-height: none !important;
        line-height: 1.5 !important;
    }/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */