Living
Cityline
<style> .fluid-width-video-wrapper object {width:100% !important;} .fluid-width-video-wrapper {:width:100% !important; margin-bottom:0 !important;} .ban-con { margin-top:10px !important; } .ban-con img { float:left; margin:0 auto !important; /*padding:0 20px 10px 10px !important;*/ width: 100%; } div.ban-con h2{ font-size:3.2rem; margin:0 20px; } .hed { margin-top:20px; padding-right:40px; } .dek { font-size:2.0rem !important; display:inline-block !important; padding:2px 5px 0 5px; } .ban-con p, .dek p, .c-vid p { margin-bottom: 0; } @media only screen and (max-width: 1264px) and (min-width: 1008px) { .hed { padding-right:20px !important; } .dek { padding:10px 5px 0 5px !important; font-size:2.5rem !important; } } @media only screen and (max-width: 1007px) and (min-width: 768px) { .ban-con { max-width:1000px !important; } .ban-con img { float:none !important; padding:0 !important; max-width:100% !important; } .ban-con p { width:100% !important; margin-bottom: 0; } .six { width: 100.0% !important; } } @media only screen and (max-width: 767px) { .ban-con { max-width:100% !important; } .ban-con p { padding:0 10px !important; } .ban-con img { padding: 0 0px 10px 0px !important; } } </style> <div class="row"> <div class="ban-con columns twelve centered"> <div class="row"> <div class="hed columns six"> <img src="http://www.chatelaine.com/wp-content/uploads/2014/07/Chatleaine_CitylineMockeupv3.jpeg" /> <p class="dek">Chatelaine’s editors serve up their best tips on fashion, health, home decor and recipes</p> </div> <div class="c-vid columns six" style="margin:0 !important;"> <div style="display:none"> For use on CHE Cityline List Page </div> <script language="JavaScript" type="text/javascript" src="http://admin.brightcove.com/js/BrightcoveExperiences.js"></script> <object id="myExperience" class="BrightcoveExperience"> <param name="bgcolor" value="#FFFFFF" /> <param name="width" value="588" /> <param name="height" value="410" /> <param name="playerID" value="3677677619001" /> <param name="playerKey" value="AQ~~,AAAAAl9huxk~,Tu4-8rWnyJxSWrLBYltTgNjEDqBVLc4v" /> <param name="isVid" value="true" /> <param name="isUI" value="true" /> <param name="dynamicStreaming" value="true" /> </object> <script type="text/javascript">brightcove.createExperiences();</script> </div> </div> </div> </div>
