#coupon-styles
    * {
	box-sizing: border-box !important;
    }
    html {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    *, *:before, *:after {
      -webkit-box-sizing: inherit;
      -moz-box-sizing: inherit;
      box-sizing: inherit;
      }

    .all-coupons-container {
        width:100%;
        max-width:100%;
        max-width:960px;
        margin:0px auto;
        padding: 10px 10px 10px 10px;
        background-color: white;
    }
    .col-sm-6 {
        border: none;
        background-color: white;
        padding: 10px;
    }
    .coupon-container {
        border:1px solid #ccc;
        box-shadow:0px 2px 5px 0px rgba(0,0,0,0.26);
        margin:10px 1%;
        padding: 10px 10px 10px 10px;
        overflow: auto;
        background-color: white;
        box-sizing: border-box;
    }
    .image-container {
        background-position:center!important;
        background-size:cover!important;
        height:200px;
        width: auto;
        position:relative;
        overflow:hidden;
    }
    .coupon-description-container {
        float:left;
        width:100%;
        padding:10px;
    }
    .coupon-header-amount {
        font-size: 32px!important;
        font-weight: 400;
        line-height: 1.0em;
        white-space:normal !important;
        margin:0px!important;
        padding:10px 0px 10px 0px;
        display:block;
        position:relative;
    }
    .coupon-header {
        font-size: 18px!important;
        font-weight: 400;
        line-height: 1.0em;
        white-space:normal!important;
        margin:0px!important;
        padding:0px 0px 10px 0px;
        display:block;
        position:relative;
    } 
    div.coupon-header {
        box-sizing: border-box;
        height: 45px;
    }
    .coupon-description {
        font-size:14px!important;
        line-height:1.2;
        margin:0px auto 0px!important;
        display:block;
        position:relative;
        height:inherit;
        padding: 0px 0px 10px 0px !important;
    }
    div.coupon-description {
        box-sizing: border-box;
        height: 50px;
    }
    .coupon-cta-container {
        float:left;
        width:100%;
        padding:10px;
    }
    .phone_call {
        background-color: #1c69d4; /* Blue */
        border-style: solid;
        border-width: 1px;
        border-color: #000;
        color: white;
        padding: 10px 10px 10px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 15px;
        width: 100%;
    }
    .phone-font {
      font-size: 22px;
    }
    .phone-text {
      font-size: 15px;
        vertical-align: text-bottom;
    }
    .button {
      background-color: #fff; /* White */
      border-style: solid;
      border-width: 1px;
      border-color: #000;
      color: black;
      padding: 15px 15px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 15px;
      width: 100%;
    }
    .coupon-footer-container {
        clear: both;
        width:100%;
        padding:10px;
    }
    .dealership-address {
        font-size:10px!important;
        line-height:1.15;
        margin:0px auto 0px!important;
        display:block;
        position:relative;
        height:inherit;
        text-align: center;
    }
    .coupon-disclaimer-container {
        clear: both;
        width:100%;
        padding:10px;
    }
    .coupon-disclaimer {
        color:#757575;
        font-weight: regular;
        padding: 0 0 10px 0 !important;
        font-size:11px!important;
        line-height: 11px !important;
        text-align: center !important;
    }
    div.coupon-disclaimer {
        box-sizing: border-box;
        height: 30px;
    }
   .coupon-copyright-container {
        float:left;
        width:100%;
        padding:0px;
    }
    .dataclover-copyright {
        display:block;
        color:#757575;
        font-size:10px;
        margin:5px auto;
        clear:both;
        text-align:center;
    }
    
    .main-container {
	    display: flex;
	    flex-wrap: wrap;
        max-width:960px;
        height: auto;
	    margin-left: -10px;
	    margin-top: -10px;
    }
    .main-container .coupon-container {
        flex: 1 0 350px;
        height: auto;
        box-sizing: border-box;
        background: #ffffff;
        color: #171e42;
        padding: 10px;
        margin-left: 10px;
        margin-top: 10px;
    }
    
    @media (min-width: 320px) {
      .main-container .coupon-container {
        max-width: calc(88% - 10px);
    }
    }
    @media (min-width: 480px) {
      .main-container .coupon-container {
        max-width: calc(100% - 10px);
      }
    }
    @media (min-width: 640px) {
      .main-container .coupon-container {
        max-width: calc(49% - 10px);
    }
    }
}