body {
    margin: 0;
    padding: 0;
    font-family: "trade-gothic-condensed-no-18";
    font-size: 16px;
  }
  .pyellow{
    color: #FFC300;
  }
 /* footer {
      top: 980px;
  }*/
  @media screen and (max-width:992px){
    .centrado{
      font-size: 28px;
      position: absolute;
      /*top: 50%;*/
      top: 53%;
      left: 50%;
      right: -50%;
      transform: translate(-50%, -50%);
    }
    .p2{
      font-size: 16px;
      position: absolute;
      top: 60%;
      left: 50%;
      right: -50%;
      transform: translate(-50%, -50%);
  }
  .p3{
      font-size: 16px;
      position: absolute;
      top: 66%;
      left: 50%;
      right: -50%;
      transform: translate(-50%, -50%);
  }
  .p4{
    font-size: 14px;
    position: absolute;
    /*top: 78%;*/
    top: 60%;
    left: 50%;
    right: -50%;
    transform: translate(-50%, -50%);
  }
  .p5{
    font-size: 14px;
    position: absolute;
    /*top: 83%;*/
    top: 66%;
    left: 50%;
    right: -50%;
    transform: translate(-50%, -50%);
  }
  .p6{
    font-size: 14px;
    position: absolute;
    /*top: 88%;*/
    top: 72%;
    left: 50%;
    right: -50%;
    transform: translate(-50%, -50%);
  }
  .p-favorito{
    font-size: 16px;
  }
  }
  @media only screen and (min-width:992px){
    .centrado{
      font-size: 41px;
      position: absolute;
      top: 53%;
      /*top: 48%;*/
      left: 50%;
      right: -50%;
      transform: translate(-50%, -50%);
    }
    .p2{
      font-size: 34px;
      position: absolute;
      top: 58%;
      left: 50%;
      right: -50%;
      transform: translate(-50%, -50%);
    }
    .p3{
        font-size: 34px;
        position: absolute;
        top: 62%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .p4{
        font-size: 32px;
        position: absolute;
        /*top: 70%;*/
        top: 58%;
        left: 50%;
        right: -50%;
        transform: translate(-50%, -50%);
    }
    .p5{
        font-size: 32px;
        position: absolute;
        /*top: 73%;*/
        top: 62%;
        left: 50%;
        right: -50%;
        transform: translate(-50%, -50%);
    }
    .p6{
        font-size: 32px;
        position: absolute;
        /*top: 76%;*/
        top: 66%;
        left: 50%;
        right: -50%;
        transform: translate(-50%, -50%);
    }
  }
  @media screen and (max-width:320px){
    .centrado{
      font-size: 18px;
      position: absolute;
      top: 53%;
      /*top: 50%;*/
      left: 50%;
      right: -50%;
      transform: translate(-50%, -50%);
    }
   
  }
  @media screen and (max-width:280px){
    .centrado{
      font-size: 17px;
      position: absolute;
      top: 53%;
      /*top: 50%;*/
      left: 50%;
      right: -50%;
      transform: translate(-50%, -50%);
    }
    .p2{
      font-size: 12px;
      position: absolute;
      top: 60%;
      left: 50%;
      right: -50%;
      transform: translate(-50%, -50%);
    }
    .p3{
      font-size: 12px;
      position: absolute;
      top: 66%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .p4{
      font-size: 11px;
      position: absolute;
      /*top: 78%;*/
      top: 60%;
      left: 50%;
      right: -50%;
      transform: translate(-50%, -50%);
    }
    .p5{
      font-size: 11px;
        position: absolute;
        /*top: 85%;*/
        top: 67%;
        left: 50%;
        right: -50%;
        transform: translate(-50%, -50%);
    }
    .p6{
        font-size: 11px;
        position: absolute;
        /*top: 90%;*/
        top: 72%;
        left: 50%;
        right: -50%;
        transform: translate(-50%, -50%);
    }
    .p-favorito{
      font-size: 13px;
    }
  }
  .help-block{
    color: #a42a3d !important;
  }
  .required{
    color: #b10034;
  }
  /*.fragment-footer-signature {
  box-sizing: border-box;
  font-size: 40px;
  line-height: 48px;
  color: #a42a3d;
  font-weight: 700;
  text-transform: uppercase;
  max-width: 1280px;
  margin: 0 auto;
  }*/

  .fragment-footer-signature {
    text-transform: uppercase;
  }
  footer{padding-top: 30px; padding-bottom: 40px; }
  .favorito{
    padding-top: 10px; 
    font-size: 18px; 
    color:#3a3a3a; 
    font-size: 16px;     
    font-family: "trade-gothic-condensed-no-18-2" !important;
  }
  .footer-exito{padding-top: 10px !important; }
  .footer-validar{padding-top: 70px !important;}
  .fragment-footer-signature-text{color:#b10034}
  .fragment-footer-signature-text__text1{font-weight:700}
  @media screen and (max-width:40em){
    .fragment-footer-signature-text__text1{display:block;font-size:20px;line-height:20px}
  }
  @media screen and (min-width:40.06em) and (max-width:60em){
    .fragment-footer-signature-text__text1{display:block;font-size:25px;line-height:25px}
  }
  @media screen and (min-width:60.06em),print{
    .fragment-footer-signature-text__text1{display:inline;font-size:25px;line-height:25px}
  }
  @media screen and (max-width:35em){
    .fragment-footer-signature-text__trademark{display:block;font-size:20px;line-height:20px}
  }
  @media screen and (min-width:40.06em) and (max-width:60em){
    .fragment-footer-signature-text__trademark{display:block;font-size:25px;line-height:25px}
  }
  @media screen and (min-width:60.06em),print{
    .fragment-footer-signature-text__trademark{display:inline;font-size:25px;line-height:25px}
  }
  .fragment-footer-signature-text__text2{font-weight:700}@media screen and (max-width:40em){
    .fragment-footer-signature-text__text2{font-size:20px;line-height:20px}}
  @media screen and (min-width:40.06em) and (max-width:60em){
    .fragment-footer-signature-text__text2{font-size:25px;line-height:25px}
  }
  @media screen and (min-width:60.06em),print{
    .fragment-footer-signature-text__text2{font-size:25px;line-height:25px}
  }
  .fragment-footer-signature-text__superscript{display:inline;white-space:nowrap}
  @media screen and (max-width:40em){
    .fragment-footer-signature-text__superscript{vertical-align:super;font-size:12px}
  }
  @media screen and (min-width:40.06em) and (max-width:60em){
    .fragment-footer-signature-text__superscript{vertical-align:super;font-size:20px}
  }
  @media screen and (min-width:60.06em),print{
    .fragment-footer-signature-text__superscript{vertical-align:super;font-size:20px}
  }
  .fragment-footer-signature-text__text3{font-weight:40}
  @media screen and (max-width:40em){
    .fragment-footer-signature-text__text3{display:block;font-size:15px;line-height:15px}
  }
  @media screen and (min-width:40.06em) and (max-width:60em){
    .fragment-footer-signature-text__text3{display:block;font-size:20px;line-height:20px;margin-top:2px}
  }
  @media screen and (min-width:60.06em),print{.fragment-footer-signature-text__text3{display:block;font-size:20px;line-height:20px}}
  .form-control {
    font-family: "trade-gothic-condensed-no-18-2" !important;
}

/*
* carlos class
*/
.message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.message p:first-of-type {
  font-size: 40px;
}

.message p:nth-of-type(2){
  font-size: 25px;
}

.message p {
  font-size: 16px; 
}

.message p > a {
  font-size: 25px;
}

.message a {
  color: #fff;
  text-decoration:underline;
  font-weight: bold; 
  font-size: 30px;
}

.cupon-button {
  display: inline-block;
  border: 4px solid #fff;
  background-color: #b10034;
  color: #fff;
  padding: 10px 15px;
  text-decoration: none !important;
}

@media screen and (max-width:1200px)  and (min-width:991px){
  .message{
    padding-top: 15%;
  }
}
@media screen and (max-width:990px) {
  .message{
    padding-top: 10%;
  }
  .message p:first-of-type {
    font-size: 20px;
  }
  .message p:nth-of-type(2){
    font-size: 16px;
  }
  .message p > a {
    font-size: 16px;
  }
  .message p {
    font-size: 14px; 
  }

  .message a {
    font-size: 20px;
  }
}

@media screen and (max-width:767px) and (min-width:455px) {
  .message{
    padding-top: 15%;
  }
  .message p:first-of-type {
    font-size: 16px;
  }
  .message p:nth-of-type(2){
    font-size: 14px;
  }
  .message p > a {
    font-size: 12px;
  }
  .message p {
    font-size: 10px; 
  }

  .message a {
    font-size: 16px;
  }
}

@media  screen and (min-width:455px) and (max-width:454px){
  .message p:first-of-type {
    font-size: 14px;
  }
  .message p:nth-of-type(2){
    font-size: 12px;
  }
  .message p > a {
    font-size: 10px;
  }
  .message p {
    font-size: 12px; 
  }

  .message a {
    font-size: 14px;
  }
}

@media screen and (max-width:455px) and (min-width:381px){
  .message{
    padding-top: 22%;
  }
  .message p:first-of-type {
    font-size: 12px;
  }
  .message p:nth-of-type(2){
    font-size: 10px;
  }
  .message p > a {
    font-size: 8px;
  }
  .message p {
    font-size: 10px; 
  }
  .message a {
    font-size: 8px;
  }
  .cupon-button {
    display: inline-block;
    border: 4px solid #fff;
    background-color: #b10034;
    color: #fff;
    padding: 5px 10px;
    text-decoration: none !important;
    margin-bottom: 20px;
  }
}

@media screen and (max-width:380px) {
  .message{
    padding-top: 22%;
  }
  .message p:first-of-type {
    font-size: 10px;
  }
  .message p:nth-of-type(2){
    font-size: 8px;
  }
  .message p > a {
    font-size: 6px;
  }
  .message p {
    font-size: 8px; 
  }
  .message a {
    font-size: 6px;
  }
  .cupon-button {
    display: inline-block;
    border: 4px solid #fff;
    background-color: #b10034;
    color: #fff;
    padding: 3px 7px;
    text-decoration: none !important;
    margin-bottom: 10px;
  }
}