@import "tailwindcss";

@theme {
    --color-clifford: #da373d;
  }
  .bg-green {
    background-color: #8dc64f;
  }
  .bg-menu-gray {
    background-color: #414042;
  }
  .bg-menu-light-gray {
    background-color: #414042;
  }
  .logo-gray {
    background-color: #231f20;;
  }

  .main {
    background-color: #000;
  }
  .wrapper {
    margin: 0 auto;
    /* width: 612px; */
    background-color: #000; 
  }

  .hero-container {
    background: url(../images/bg_hero_img.png) no-repeat 0 0;
    background-clip: content-box;
    /* width: 612px;
    height: 277px; */
  }

  .l-green-img-bar {
    width: 49%;
    height: 27px;
    float: left;
  }
  r-green-img-bar {
    width: 49%;
    height: 27px;
    float: right;
  }

  .top-bar-design2 {
    width: 100%;
    height: 57px;
  }
  .bot-bar-design {
    width: 100%;
    height: 42px;
  }

  .footer-mobile-container {
    min-width: 390px;
    /*max-width:550px;*/
  }