footer {
      background: url("../images/CR_Web_Footer_bg.jpg");
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position: bottom center;
      background-size: cover;    }

    .hero-text {
      min-height: 50vh;
    }

    .gift-home-text {
      font-size: 24px;
      font-family: "trajan-pro-3",serif;
      text-transform: uppercase;
    }

    .slider-text .logo {
      cursor: pointer;
    }
    
    div.sticky-btn {
      position: fixed;
      bottom: 20px;
      right: 0px;
      border: none;
      background-color: #560000b5;
      float: right;
      z-index: 9;
      padding: 0px 10px 0px 15px;
      border-radius: 10px 0 0 10px;
    }

    .gift-img {
      width: 30px;
      margin: 25px 30px 5px;
    }

    .gift-text-1 {
      text-align: center;
      font-size: 20px;
      line-height: 0.8;
      padding-top: 9px;
    }

    .gift-text-2 {
      font-size: 34px;
      margin-top: -22px;
      text-align: center;
    }

    .container-center {
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      left: 50%;
    }

    .container-streetwear {
      position: absolute;
      top: 15%;
      transform: translate(-50%, -50%);
      left: 50%;
    }
    
    .quote {
      font-family: depot-new-web, sans-serif;
      font-weight: 100;
      font-style: italic;
      font-size: 24px;
      line-height: 1.2;
    }

    .author {
      font-size: smaller;
      font-weight: 700;
    }

    #modal-about {
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.075);
    }

    #modal-about-dino {
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.075);
    }

    #modal-promise {
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.075);
    }

    .wordmark {
      max-width: 100%;
      content:url("../images/CR_Web_Logo_Wordmark.svg")
    }

    .cattivo-logo-icon {
      margin-top:45px;
      background-image: url("../images/CR_Web_Logo_icon.svg");
      height: 70px;
      width: 80px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .conduct-row{
      background-image: url(../images/CR_Email_BG_pattern.png);
      background-position: center;
      height: 350px;
    }

    .luxury-row {
      background: black;
      height: 350px;
    }

    .conduct-code {
      left: 50%;
      transform: translate(-50%, 10px);
      background-color: black;
      right: 0;
      display: block;
      overflow: hidden;
      position: absolute;
      z-index: 2;
      height: 70%;
      padding-top: 78px;
      margin-top: -150px;
    }

    .luxury-container{
      margin-top: 60px;
      left: 70%;
      right: 0;
      overflow: hidden;
      position: absolute;
      z-index: 2;
    }

    .quote-container {
      background-position: top center;
      background-repeat: no-repeat;
      background-size: contain;
      transform: translate(0%, 5%);
    }

    .quote-column {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      padding: 30px;
    }

    .footer-container {
      transform: translate(0%, 50%);
      left: 50%;
    }

    .list-code {
      list-style-type: none;
      padding-left: 0;
      font-family: "trajan-pro-3",serif;
      font-size: 15px;
    }

    .list-code li {
      padding: 5px 0;
    }

    .stay-tuned {
      font-size: x-large;
      line-height: 1.8;
    }

    .introduction-text {
      font-size: 20px;
      line-height: 1.5;
      margin-bottom: 1.5em;
    }

    #myBtn {
      display: none; /* Hidden by default */
      position: fixed; /* Fixed/sticky position */
      bottom: 20px; /* Place the button at the bottom of the page */
      right: 30px; /* Place the button 30px from the right */
      z-index: 99; /* Make sure it does not overlap */
      border: none; /* Remove borders */
      outline: none; /* Remove outline */
      background-color: red; /* Set a background color */
      color: white; /* Text color */
      cursor: pointer; /* Add a mouse pointer on hover */
      padding: 15px; /* Some padding */
      border-radius: 10px; /* Rounded corners */
      font-size: 18px; /* Increase font size */
    }
    
    #myBtn:hover {
      background-color: #555; /* Add a dark-grey background on hover */
    }

    .fancybox-close-small{
      padding:0!important;
      right: 60px!important;
      top: 60px!important;
    }

    .bad-boy-text{
      font-size: 20px;
    }

    .card-text{
      font-size: 20px;
      color:white;
    }

    .package-details{
      font-size: 20px;
      color:white;
    }

    .package-details-single {
      list-style-type: none;
    }
    
    .pricing {
      text-align: right;
    }

    .actual-price {
      color: #fff;
      font-weight: 500;
      font-size: 40px;
      text-align:right;
      font-size: 60px;
    }

    .original-price{
      font-weight: 500;
      font-size: 22px;
    }

    .fancybox-content {
      padding: 0 40px 0px 15px !important;
    }

    .purchase-button{

    }

    input.parsley-error {
      border: 1px solid red;
    }
    
    .parsley-errors-list {
      list-style: none;
    }
      
    .parsley-required {
      color: red;
    }

    i.img_caption {
      font-size: 14px;
    }

    @media (max-width: 768px) {
      .hideMobile {
          display: none!important;
      }
      .showMobile {
        display: block!important;
      }
    }

    @media (min-width: 769px) {

      .showMobile {
        display: none!important;
      }
    }

    @media (min-width: 320px) {

      .conduct-row{
        background-image: url(../images/CR_Email_BG_pattern.png);
        background-position: center;
        height: 530px;
      }

      .luxury-row {
        background: black;
        height: 530px;
      }

      .cattivo-logo-icon{
        margin-top:35px;
        width: 60px;
      }

      .wordmark {
        max-width: 100%;
        content:url("../images/mobile/CR_Web_Logo_Wordmark_stacked.svg")
      }

      .container {
        height: 100%;
      }

      .container-center {
        position: absolute;
        top: 50%;
        transform: translate(-50%, -10%);
      
      }

      .home-text-container {
        height:80%;
      }

      .home-text {
        position: absolute;
      }
      
      .slider-text .text {
        width: 100%;
        height: 100%;
      }

      .separator-text {
        padding: 50px 5px;
      }

      #quote-text {
        padding: 0px;
        
      }

      .legacy-text{
        min-height: 20vh;
      }

      .conduct-code {
        left: 50%;
        transform: translate(-50%, 10px);
        background-color: black;
        right: 0;
        display: block;
        overflow: hidden;
        position: absolute;
        z-index: 2;
        height: 70%;
        padding-top: 78px;
        margin-top: -30px;
      }


      #home {
        background-image: url("../images/mobile/CR_Web_Hero2_m.jpg");
      }

      #origins {
        background-image: url("../images/mobile/CR_Web_Origins_m.jpg");
      }

      #legacy {
        background-image: url('../images/mobile/CR_Web_Dino_m.jpg');
      }

      #conduct {
        background-image: url('../images/mobile/CR_Web_BrandPromise_m.jpg');
      }

      #collections {
        background-image: url('../images/mobile/CR_Web_Collections_m.jpg');
      }

      #streetwear {
        background-image: url('../images/mobile/CR_Web_Streetwear_m.jpg');
      }

      .hero-wrap {
        height: 550px;
      }

      .luxury-container {
        transform: translate(-50%, -10%);
        left: 50%;
        right: 0;
        overflow: hidden;
        position: absolute;
        z-index: 2;
        padding-top: 15px;
      }

      .footer-container {
        transform: translate(0%, 0%);
        left: 50%;
    
      }

      .boundaries {
        font-size: large;
      }

      .stay-tuned {
        font-size: 14px;
        line-height: 1.8;
      }
    }

    @media (min-width: 768px) {

      .conduct-row{
        background-image: url(../images/CR_Email_BG_pattern.png);
        background-position: center;
        height: 350px;
      }

      .conduct-code {
        left: 50%;
        transform: translate(-50%, 10px);
        background-color: black;
        right: 0;
        display: block;
        overflow: hidden;
        position: absolute;
        z-index: 2;
        height: 50%;
        padding-top: 78px;
        margin-top: -30px;
      }

      .luxury-row {
        background: black;
        height: 350px;
      }

      .separator-text {
        padding: 50px;
      }

      .legacy-text{
        min-height: 30vh;
      }

      .hero-wrap {
        height: 650px;
      }

      .container-story {
        top: 53%;
      }
    }

    @media (min-width: 769px) {
      .conduct-row{
        background-image: url(../images/CR_Email_BG_pattern.png);
        background-position: center;
        height: 350px;
      }

      #home {
        background-image: url('../images/CR_Hero.jpg');
      }

      #origins {
        background-image: url('../images/CR_Web_Origins.jpg');
        
      }

      #legacy {
        background-image: url('../images/CR_Web_CR_Legacy.jpg');
      }


      #conduct {
        background-image: url('../images/CR_Conduct.jpg');
      }

      #streetwear {
        background-image: url('../images/CR_Web_Streetwear.jpg');
      }

      #collections {
        background-image: url('../images/CR_Web_Collections.jpg');
      }

      .home-text {
       position: relative;
      }

      .wordmark {
        max-width: 100%;
        content:url("../images//mobile/CR_Web_Logo_Wordmark_stacked.svg")

      }

      .container {
        height: 30%;
      }

      .container-center {
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
      }

      .conduct-code {
        left: 50%;
        transform: translate(-50%, 10px);
        background-color: black;
        right: 0;
        display: block;
        overflow: hidden;
        position: absolute;
        z-index: 2;
        height: 40%;
        padding-top: 78px;
        margin-top: -150px;
      }


      .luxury-container {
        margin-top: 60px;
        left: 60%;
        right: 0;
        overflow: hidden;
        position: absolute;
        z-index: 2;
    }
    
    .footer-container {
      transform: translate(0%, 50%);
      left: 50%;
    }
    .boundaries {
      font-size: 40px;
    }

    .stay-tuned {
      font-size: x-large;
      line-height: 1.8;
    }

    .container-story {
      top: 33%;
    }
      
    }

    @media (min-width: 1200px) {

      .conduct-row{
        background-image: url(../images/CR_Email_BG_pattern.png);
        background-position: center;
        height: 350px;
      }

      .luxury-row {
        background: black;
        height: 350px;
      }

      .luxury-container {
        margin-top: 60px;
        left: 70%;
        right: 0;
        overflow: hidden;
        position: absolute;
        z-index: 2;
    }

      .price-tag {
        float: right;
        text-align: right;
      }

      .wordmark {
        max-width: 100%;
        height: 100px;
        content:url("../images/CR_Web_Logo_Wordmark.svg")

      }
      .separator-text {
        padding: 80px 50px;
      }

      #quote-text {
        padding: 50px;
        background-color: rgba(0, 0, 0, 0.2);
      }

      .legacy-text{
        min-height: 50vh;
      }

      .legacy-code {
        background-color: black;
        padding: 21px;
      }

      .collection-text{
        min-height: 20vh;
      }

      .collection-item {
        margin-top: 50px;
      }

      .promise-text {
        padding: 20px;
      }

      .streetwear-text {
        
        padding: 25px 25px 55px;
      }

      .origins-text {
        
      }

      .spoke-text {
        font-size: x-large;
      }

      .title-container {
        /*padding-top: 25px;*/
      }

      .join-btn {
        text-decoration: underline;
        font-size: x-large;
      }

      .conduct-code {
        left: 50%;
        transform: translate(-50%, 10px);
        background-color: black;
        right: 0;
        display: block;
        overflow: hidden;
        position: absolute;
        z-index: 2;
        height: 45%;
        padding-top: 78px;
        margin-top: -150px;
      }

    
    }