/*
Example:

.class {
    font-size: 10px;
  }  
*/

.content-section h2 {
    margin-top: 40px;
    margin-bottom: 20px;
}

@media(max-width:1000px) {
    .banner-content h2 {
        font-size: 48px;
    }
}

@media(max-width:767px) {
    .banner-content h2 {
        padding-right:100px;
    }
}

@media(max-width:1000px){
    .banner-content .banner-copy{
        margin-bottom:0;
    }
}

/* BANNERS */
.banner-content.wines {
    background: url(/Content/images/Banners/sub-wines.jpg) no-repeat top center;
  }

  .banner-content.history {
    background: url(/Content/images/Banners/sub-history.jpg) no-repeat top center;
  }

  .banner-content.winery {
    background: url(/Content/images/Banners/sub-winery.jpg) no-repeat top center;
  }

  .banner-content.vineyards {
    background: url(/Content/images/Banners/sub-vineyard.jpg) no-repeat top center;
  }

  .banner-content.visit {
    background: url(/Content/images/Banners/sub-visit.jpg) no-repeat top center;
  }

  .banner-content.team {
    background: url(/Content/images/Banners/sub-team.jpg) no-repeat top center;
  }

.banner-content .anniversary-badge {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: inline-block;
    width: 200px;
}

@media(max-width:1200px){
    .banner-content .anniversary-badge{
        width:calc(30px + 12vw);
    }
}

@media(max-width:767px) {
    .banner-content .anniversary-badge{
        width:100px;
    }
}