body { margin: 0; padding: 0; font-family: arial; }
h2 { margin: 32px 0 16px; padding: 0; color: #C00; font: 700 18px arial; }
h2:first-of-type { margin-top: 0; }
.center {text-align:center;}
a { color: #0869BD; text-decoration: none;}
a:hover { text-decoration: underline; }
li { margin-bottom:16px;}
blockquote { padding: 0 0 0 38px;  margin: 0; }
.video-responsive { max-width:560px; margin: 0 auto; }
.video-responsive iframe { width:100%; }
.inputbtn { -webkit-appearance: none !important; }

.article-footer-sub { position: relative; background: url(//media.mercola.com/themes/mercola/images/article-footer-sub-long-bg.png) repeat-x #3256a4; margin-top: 40px !important; }
.article-footer-sub h3 { color: #fff; font-size: 24px; padding: 10px 0 10px 50px; width: 60%; margin-left: 280px; margin-bottom:20px; padding-top: 20px; padding-right: 5px; }
.article-footer-form { background: #d6d6d6; padding: 15px 0 15px 50px;}
.article-footer-img { position: absolute; left: 0; height: 153px; margin-bottom: 50px; }
.article-footer-form input[type=submit] { padding: 6px 15px; font-size: 14px; background: #3161c7; border: 1px solid #3256a4; border-radius: 4px; color: #fff; font-weight: 700; margin: 0 0 0 10px; -webkit-appearance: none; }
.article-footer-form input[type=submit]:hover { background: #2656bd; border: 1px solid #214492; cursor: pointer; }
.article-footer-form input[type=text] { width: 40%; margin-left: 280px; padding:6px; }
.subscribeSuccess p { margin:0 0 0 270px; padding: 0 10px; }
.subscribeSuccess a { word-break: break-all; }

.thin-banner-desktop { text-align: center; display:block; } 
.thin-banner-mobile { text-align: center; display:none; }
.thin-banner-desktop img { width: 100%; height:auto; max-width:920px; }
.thin-banner-mobile img { width: 100%; height:auto; max-width:100%!important; }

.banner-desktop, .banner-tab, .banner-mobile { margin-bottom: 16px; }
.banner-desktop { text-align: center; display: block;}
.banner-desktop img, .banner-mobile img, .banner-tab img{ width: 100%; height: auto; max-width: 100%!important;}
.banner-tab, .banner-mobile {display: none;}

.video-responsive-body {
    max-width: 560px;
    margin: 0 auto 16px
}
.video-responsive iframe, .video-responsive-body iframe {
    width: 100% !important;
    max-width: 100%;
    min-height: 315px
}

      
@media screen and (max-width: 768px) {
    .banner-desktop {
    text-align: center;
    display: none;
    }
    .banner-tab {
    text-align: center;
    display: block;
    }
}
        
@media screen and (max-width: 480px) {
    .banner-desktop,
    .banner-tab {
    text-align: center;
     display: none;
    }
    .banner-mobile {
    text-align: center;
    display: block;
    }
}


@media screen and (max-width:910px) {
    .article-footer-sub h3 { width: auto; margin-left: 280px; margin-bottom:22px; padding-top: 22px; padding-right: 5px; }
    .article-footer-form { padding: 15px 20px; }
    .article-footer-form input[type=text] { width: 30%; margin-left: 300px; }
}

@media only screen and (max-width:900px) {
    blockquote, .paw-list { margin: 0; padding: 0 0 0 16px; }
}

@media screen and (max-width: 768px) { 
    .thin-banner-desktop { text-align: center; display:none; } 
    .thin-banner-mobile { text-align: center; display:block; }
}

@media screen and (max-width:737px) {
        .article-footer-sub h3 { width: auto; margin-left: 0px; margin-bottom:0px; padding: 20px; }
        .article-footer-form input[type=text] { width: 30%; margin-left: 0px; }
        .article-footer-img { position: static; text-align:center; margin: 0 22px 22px 22px; padding:10px 0 20px 0; }
        .article-footer-form input[type=text] { width: 50%; }
        .subscribeSuccess p { margin:0 0 0 0; padding:0; word-wrap:break-word; }
}

@media only screen and (max-width:480px) {
    blockquote { margin: 0; padding: 0; }
    .article-footer-sub h3 { font-size: 20px; text-align:center; }
    .article-footer-form { padding: 15px; text-align: center; }
    .article-footer-form input[type=text] { width: 90%}
    .article-footer-form input[type=submit] { margin: 5px 0 0;}
    .article-footer-form #subscribeEnglish { margin-top: 10px; }
    .article-footer-img img { max-width:285px; width:100%; }
}

/*pets*/
.pets-optin { position: relative; background: url(//media.mercola.com/themes/mercola/images/pet-footer-sub-bg.png) repeat-x #3256a4; margin-top: 40px !important; }
.pets-optin h3 { margin-left:0px; padding: 10px 0 10px 30px; }
.pets-optin .article-footer-img { right: 0; left: auto; }
.pets-optin .article-footer-form input[type=text] { margin-left:0px;}
.pets-optin .article-footer-form { padding: 15px 0 15px 30px; }
.pets-optin .article-footer-form input[type=submit] { background:#8d481a; border: 1px solid #8d481a; }
@font-face{
    font-family: foundation-icons;
    src: url('//media.mercola.com/assets/fonts/foundation-icons/foundation-icons.ttf');
}
.paw-list li { list-style: none inside none; line-height: 24px; }
.paw-list li::before { content: "\f192"; font-family: "foundation-icons"; margin-right: 10px; font-size: 24px; }
.paw-list.brown li::before { color: #8F4918; }

@media screen and (max-width:910px) 
{
    .pets-optin h3 { margin:0; padding:20px; text-align:left; }
    .pets-optin .article-footer-img { display:none; }
    .pets-optin .article-footer-form { padding:15px; text-align:left; }
    .pets-optin .article-footer-form input[type=text] { width:50%; }
}

@media only screen and (max-width:480px) {
    .pets-optin .article-footer-form { text-align: center; }
    .pets-optin .article-footer-form input[type=text] { width: 90%}
    .pets-optin .article-footer-form input[type=submit] { margin: 5px 0 0;}
    .pets-optin .article-footer-form #subscribeEnglish { margin-top: 10px; }
}