html { 
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  position: relative;
}

body{
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
  background:url(https://cdn.shopify.com/s/files/1/2355/7411/t/3/assets/ncr-2018-bg.jpg);
  background-size:cover;
  background-attachment:fixed;
  font-size:16px;
}

.featured-blog__post{ font-size:14px; }

a{ 
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
a,a:hover{ 
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
}
a:active, a:focus{ outline:0; }

#shopify-section-newsletter{ margin:15px 0 30px; }

.site-nav--active>.site-nav__link,.site-nav>.site-nav--active:first-child>a,.site-nav>.site-nav--active:last-child>a{ background:rgba(44,44,44,0.8); }

.main-content{ background:rgba(0,0,0,0.6); padding:30px; }
.main-content:after{ border:none; }

/* ------------ LARGE ------------ */

@media (min-width:1200px) and (max-width:1599px){

}

/* ------------ MEDIUM ------------ */

@media (min-width:992px) and (max-width:1199px){

}

/* ------------ SMALL ------------ */

@media (max-width:991px) and (min-width:768px){

}

/* ------------ SMALL-LARGE ------------ */

@media (min-width:768px){
  
  .site-header__logo{ margin-top:30px; }
  .site-nav__link,.site-nav>li:first-child>a,.site-nav>li:last-child>a{ padding:7px 15px; background:rgba(11,11,11,0.8); }
  .site-nav__link:hover,.site-nav>li:first-child>.site-nav__link:hover,.site-nav>li:last-child>.site-nav__link:hover{ background:rgba(44,44,44,0.8); }

  .article__image-wrapper{ width:300px; float:right; margin-left:15px; margin-bottom:15px; }
  #article-featured-image{ float:right; margin-bottom:30px; margin-left:30px; }
  
}

/* ------------ MOBILE ------------ */

@media (max-width:767px){
  
  body{ font-size:16px; }
  h2{ font-size:22px; }
  
  .main-content{ padding:15px; }

  .newsletter-content-wrapper{ padding:15px; }
  
}