.shiseido-red {
color: #D6001C;
}
#permanent-offers h2.title {
text-align: center;
    margin: 5% auto 2% auto;
}
#permanent-offers .row h2 {
margin: 5% auto;
}
   #permanent-offers .row-offer1 {
   margin: 1% auto 0 auto;
   max-width: 1200px;
   text-align: center; 
   -webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.11);
   -moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.11);
   box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.11);
   border-right: #D6001C solid 8px;
   }
   #permanent-offers .row-offer1 .col-offer1 {
   float:left;
   width:41%;
   margin-right:1%;}
   #permanent-offers .row-offer1 .col-offer2 {
   float:left;
   width:57%;
   margin-right:1%;}
   #permanent-offers .col-offer2 .Promo-date {
   color:#D6001C;
   margin-bottom: 2%;
   }
   #permanent-offers h3.offer-title {
   margin: 7% auto 5%;
   text-align: center;}
   #permanent-offers .col-offer2 .btn-container {
   margin: 6% 0 8%;
   }
   #permanent-offers .col-offer1 img { border-style: none;
   vertical-align: top;
   max-width: 100%;
   height: auto;
   display:inline-block;}
   #permanent-offers .col-offer2 .legal {
   font-size:13px;
   color:#888888;
   }
#permanent-offers .row-offer1 .main-image {
margin-top: 10%;
}
   #permanent-offers .row-offer1 .button {
   border: 2px solid #000;
   font-weight: bold;
   }
   #permanent-offers .row-offer1 .button {
   color: #000000;
   }
   #permanent-offers .row-offer1 .button:hover {
   border: 2px solid #D6001C;
   color: #D6001C;
   }
   @media screen and (max-width: 1024px){
   #permanent-offers .col-offer2 .btn-container {
      margin: 8% 0;
      }
   }
   @media screen and (max-width: 769px){
   #permanent-offers .row-offer1 .col-offer1 {
   float:none;
   display:block;
   width:80%;
   margin: 5% 10%;}
   #permanent-offers .row-offer1 .col-offer2 {
   float:none;
   display:block;
   width:80%;
   margin: 5% 10% 12% 10%;}
   #permanent-offers .col-offer2 {
   padding-bottom: 5%;
   }

   }
</style>