﻿article#content img.heroImg{margin-bottom: 20px}
article#content p.note{font-size:0.833em;color:#666;}

article#content div.promo .promoVideo
{
    width: 97%;
    margin: 0 auto 10px;
}
#content .contentPromo {
    padding: 15px 0;
    border-top: solid 1px #CBD6DF;
    border-bottom: solid 1px #CBD6DF;
    margin: 0 0 20px 0;
    position: relative;
}
#content .contentPromo .promoContinues
{
    position: absolute;
    top: -11px;
    width: 100%;
    text-align: center;
}
#content .contentPromo .promoContinues span
{
    margin: 0 auto;
    background-color: white;
    padding: 0 3px 0 3px;
    color: #0056B7;
    font-size: 11px;
    width: auto;
}



aside.promotional
{
    margin: 1em auto 2.5em auto;
    clear: both !important;
    width: 90%; 
}
aside.promotional .contentLeft h5, aside.promotional .contentLeft p
{
    text-align: left;
    font-family: Humanist777BT-LightB, Arial, Verdana, sans-serif;
}
 aside.promotional .contentLeft h5
{
  font-size: 2.4em;
  color: #ff8a00;
}
aside.promotional .contentLeft p
{
  font-size: 1.6em;
}

@media screen and (max-width: 480px){
#contentContainer {
margin-top: 0;
}
}
@media screen and (max-width: 570px){
aside.promotional .contentLeft
{width: 100%;    
 float: none;
    }
aside.promotional .imgRight
{width: 100%;    
 float: none;
 clear: right;
    }
 aside.promotional .imgRight img
{display: none;
}  
}
@media screen and (min-width: 571px){
aside.promotional .contentLeft
{width: 55%;    
 float: left;
    }
aside.promotional .imgRight
{width: 40%;    
 float: left;
 min-width: 200px;
 clear: right;
    }
 aside.promotional .imgRight img
{display: block;
    }
aside.promotional#locations
{
    height: 14em;
}
aside.promotional#reactions
{
    height: 10em;
}
}  