@charset "UTF-8";

/* Layout Small Screens */

header { height: 55px; background: url(../images/banner_small_2.jpg) no-repeat center 0px; }

article { padding: 20px 20px 10px 20px; }

.promo_container { padding: 0px; }

.promo_container .promo {
          width: auto;
          float: none;
          padding: 25px 0px 0px 0px;
          background-position: 20px 13px;
          border-top: 1px solid #ccc;
}

.promo_container .promo .content { padding: 0px 20px 5px 130px; }

.social { display: block; padding: 9px; margin-left: auto; margin-right: auto; }

footer { border-top: 1px solid #ff6699; }

body { background-image: none; }

a.heart { background: none; padding: 9px; }

.mobiletext { display: inline; text-align: justify; }
.webtext { display: none; }

nav { 
   position: static;
   padding: 10px 0px 50px 0px;
   background-color: #fff;
}

nav a {
    color: #ff6699;
    display: none;
    margin: 15px;
    padding: 9px;
    border: 1px solid #ff6699;
    background: url{..images/mobile_link_arrow.png) no-repeat right center;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

nav a:hover { color: #0099cc; background-color: rgba(255,255,255,.15); }