.promobox { 
padding: 1em; 
border-radius: 1.5em; 
max-width: 700px; 
margin: 0 auto; 
font-size: 1em; 
margin-bottom: 2em; 
overflow: auto;
}

.promobox.dark { 
background-color: #68747c; 
color: #ffffff; 
}

.promobox.light { 
background-color: #D9D8D7; 
color: #333e48; 
}

/*SLIDE-IN CTA 
--------------------------------------------- */ 
#slidebox { 
padding: 10px 16px 10px 10px; 
background-color: #fff; 
border-top: 3px solid #bf0000; 
position: fixed; 
bottom: 0; 
right: -530px; 
-moz-box-shadow: -2px 0 5px #aaa; 
-webkit-box-shadow: -2px 0 5px #aaa; 
box-shadow: -2px 0 5px #aaa; 
z-index: 300; 
}

#slidebox h2 { 
font-size: 2em; 
color: #333e48; 
}

a.close { 
background: transparent url(http://cdn2.hubspot.net/hub/53/file-527841348-gif/close.gif) no-repeat top left; 
width: 13px; 
height: 13px; 
position: absolute; 
cursor: pointer; 
top: 10px; 
right: 10px; 
}

a.close:hover { 
background-position: 0 -13px; 
text-decoration: none;
}

@media only screen and (max-device-width: 480px) {
    #slidebox {
        width: 100%;
    }
}