/* ==========================================================================
   FishkeepingCo — base element reset
   ========================================================================== */
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{vertical-align:baseline;display:inline-block}
audio:not([controls]){height:0;display:none}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
h1,h2,h3,h4,h5,h6{font-family:inherit}
img{border:0;max-width:100%}
svg:not(:root){overflow:hidden}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible;text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
input{line-height:normal}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
* {box-sizing:border-box}
ul,ol{margin:0;padding:0;list-style:none}
p{margin:0}

/* ==========================================================================
   Brand tokens
   ========================================================================== */
:root{
  --taf-ink:#0d2b2f;
  --taf-paper:#ffffff;
  --taf-mist:#eaf4f3;
  --taf-accent:#0e8f86;
  --taf-accent-dark:#0a6b64;
  --taf-line:rgba(13,43,47,.16);
  --taf-line-soft:rgba(13,43,47,.10);
}

/* ==========================================================================
   Typography
   ========================================================================== */
body{
  color:var(--taf-ink);
  font-family:"Work Sans",sans-serif;
  font-size:14px;
  line-height:20px;
  background-color:var(--taf-paper);
}
h1{color:var(--taf-ink);margin-top:20px;margin-bottom:10px;font-size:45px;font-weight:700;line-height:1em;}
h2{color:var(--taf-ink);margin-top:20px;margin-bottom:10px;font-size:42px;font-weight:700;line-height:1em;}
h3{color:var(--taf-ink);margin-top:20px;margin-bottom:10px;font-size:38px;font-weight:700;line-height:1em;}
h4{color:var(--taf-ink);margin-top:10px;margin-bottom:10px;font-size:34px;font-weight:700;line-height:1em;}
h5{color:var(--taf-ink);margin-top:10px;margin-bottom:10px;font-size:30px;font-weight:700;line-height:1em;}
h6{color:var(--taf-ink);margin-top:10px;margin-bottom:10px;font-size:26px;font-weight:700;line-height:1em;}
p{margin-bottom:10px;font-family:"Inter",sans-serif;}
a{color:var(--taf-ink);text-decoration:none;}

.taf-h1{margin-top:0;}
.taf-h1.taf-uppercase{text-transform:uppercase;}

/* ==========================================================================
   Layout helpers
   ========================================================================== */
.taf-section{padding:60px 30px;}
.taf-section.taf-no-top-padding{padding-top:0;}
.taf-section.taf-top-30{padding-top:30px;}
.taf-container{max-width:1440px;margin-left:auto;margin-right:auto;width:100%;}
.taf-container-narrow{max-width:940px;margin-left:auto;margin-right:auto;width:100%;}
.taf-grid{display:grid;}
/* Defensive fix: real (longer) article titles can force a CSS Grid "auto" track
   minimum past its fair fr-share, unequally inflating nominally-equal columns
   (a blowout that never shows with the source template's short demo text).
   min-width:0 on grid containers and their direct children lets text wrap
   instead of expanding the track. */
[class*="taf-grid"]{min-width:0;}
[class*="taf-grid"] > *{min-width:0;}

.taf-mt-10{margin-top:10px;}
.taf-mt-20{margin-top:20px;}
.taf-mt-30{margin-top:30px;}
.taf-mt-40{margin-top:40px;}
.taf-mt-50{margin-top:50px;}
.taf-mb-5{margin-bottom:5px;}
.taf-mb-15{margin-bottom:15px;}
.taf-mb-20{margin-bottom:20px;}
.taf-mb-50{margin-bottom:50px;}
.taf-sub{margin-top:10px;}

/* ==========================================================================
   Navbar
   ========================================================================== */
.taf-navbar{
  background-color:var(--taf-paper);
  border-bottom:1px solid var(--taf-line);
  padding:10px 30px;
  position:sticky;
  top:0;
  z-index:1000;
}
.taf-nav-container{
  justify-content:space-between;
  align-items:center;
  max-width:1440px;
  margin-left:auto;
  margin-right:auto;
  display:flex;
}
.taf-brand{order:-1;align-items:center;margin-right:20px;padding-top:10px;padding-bottom:10px;display:flex;}
.taf-logo-image{height:24px;display:block;}
.taf-center-menu{display:flex;}
.taf-center-menu.taf-show-on-mobile{display:none;}
.taf-flex-category-list{display:flex;list-style:none;margin:0;padding:0;}
.taf-flex-category-list-item{display:flex;}
.taf-nav-link{
  text-transform:uppercase;
  padding:10px 20px;
  font-family:"Inter",sans-serif;
  font-size:13px;
  font-weight:600;
  line-height:18px;
  color:var(--taf-ink);
  transition:all .5s;
  display:inline-block;
}
.taf-nav-link:hover{text-decoration:underline;}
.taf-nav-link.taf-current{color:var(--taf-accent);}
.taf-nav-link.taf-last{padding-right:0;}
.taf-right-nav-menu{order:1;align-items:center;display:flex;}
.taf-menu-button{display:none;width:24px;height:24px;cursor:pointer;order:1;background:none;border:none;padding:0;position:relative;}
.taf-menu-button svg{width:24px;height:24px;display:block;}
.taf-menu-button .taf-icon-close{display:none;}
.taf-menu-button.taf-open .taf-icon-open{display:none;}
.taf-menu-button.taf-open .taf-icon-close{display:block;}
.taf-divider-menu{display:flex;}

/* ==========================================================================
   Hero
   ========================================================================== */
.taf-hero-section{padding:30px 30px 20px;}
.taf-hero-grid{
  grid-column-gap:0px;
  grid-row-gap:0px;
  grid-template-rows:auto;
  grid-template-columns:.67fr 1.3fr .67fr;
  display:grid;
}
.taf-left-hero-div{padding-top:24px;padding-right:30px;}
.taf-left-hero-div.taf-show-on-mobile{display:none;}
.taf-title-text-category{letter-spacing:1.5px;text-transform:uppercase;font-size:20px;font-weight:600;line-height:31px;color:var(--taf-accent);}
.taf-flex-post-div{padding-top:20px;padding-bottom:20px;display:flex;}
.taf-div-post{border-bottom:1px solid transparent;flex:1;padding-bottom:20px;}
.taf-category-link{
  color:var(--taf-accent);
  text-transform:uppercase;
  font-family:"Inter",sans-serif;
  font-size:13px;
  font-weight:600;
  line-height:18px;
  text-decoration:none;
}
.taf-category-link:hover{text-decoration:underline;}
.taf-post-title{color:var(--taf-ink);font-size:18px;font-weight:600;line-height:20px;text-decoration:none;display:inline-block;}
.taf-post-title:hover{text-decoration:underline;}
.taf-date-div{font-family:"Inter",sans-serif;font-size:13px;font-weight:500;line-height:18px;color:#5b6f70;}
.taf-flex-divbox{align-items:center;margin-top:15px;display:flex;}
.taf-sep-circle{background-color:var(--taf-ink);border-radius:50px;width:4px;height:4px;margin-left:10px;margin-right:10px;flex:none;}

.taf-thumb-md{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:3px;height:220px;display:flex;}
.taf-thumb-md:hover{filter:grayscale(1);}

.taf-right-hero-div{padding-top:25px;padding-left:30px;}
.taf-title-div{z-index:5;justify-content:center;padding:25px 20px 35px;display:flex;}
.taf-hero-post-title-link{display:block;text-decoration:none;}
.taf-hero-post-title{color:var(--taf-ink);text-align:center;font-size:45px;font-weight:700;line-height:1em;text-decoration:none;text-transform:uppercase;}
.taf-hero-post-title-link:hover .taf-hero-post-title{opacity:.75;}
.taf-post-hero-image{width:100%;display:block;}
.taf-item-image-div{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  border-radius:3px;
  min-height:730px;
}
.taf-item-image-div:hover{filter:grayscale(1);}

.taf-right-hero-flex-div{padding-bottom:33px;}

/* ==========================================================================
   Grids: top picks / three-col / all-categories / collection-list
   ========================================================================== */
.taf-grid-4up{
  grid-column-gap:30px;
  grid-row-gap:30px;
  grid-template-rows:auto;
  grid-template-columns:1fr 1fr 1fr 1fr;
  grid-auto-columns:1fr;
  margin-top:50px;
  display:grid;
}
.taf-flex-box-post{display:flex;}
.taf-thumb-sm{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  border-radius:3px;
  flex:none;
  width:125px;
  height:140px;
  margin-right:20px;
}
.taf-thumb-sm:hover{filter:grayscale(1);}

.taf-grid-3col{grid-column-gap:30px;grid-row-gap:30px;grid-template-rows:auto;grid-template-columns:2fr 1fr 1fr;display:grid;}
.taf-grid-2up{
  grid-column-gap:30px;
  grid-row-gap:30px;
  grid-template-rows:auto;
  grid-template-columns:1fr 1fr;
  grid-auto-columns:1fr;
  display:grid;
}
.taf-feature-image{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  border-radius:3px;
  width:100%;
  height:572px;
  display:block;
}
.taf-feature-image:hover{filter:grayscale(1);}
.taf-thumb-grid{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  border-radius:3px;
  height:200px;
  display:flex;
}
.taf-thumb-grid:hover{filter:grayscale(1);}

.taf-grid-4up-list{
  grid-column-gap:30px;
  grid-row-gap:30px;
  grid-template-rows:auto;
  grid-template-columns:1fr 1fr 1fr 1fr;
  grid-auto-columns:1fr;
  display:grid;
}
.taf-thumb-list{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  border-radius:3px;
  width:100%;
  height:170px;
  display:block;
}
.taf-thumb-list:hover{filter:grayscale(1);}

.taf-collection-grid{
  grid-column-gap:16px;
  grid-row-gap:16px;
  grid-template-rows:auto;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns:1fr;
  display:grid;
}

/* ==========================================================================
   Advertise / promo banner
   ========================================================================== */
.taf-advertise-section{background-color:var(--taf-mist);padding:60px 100px;}
.taf-advertising-image{object-fit:cover;width:100%;height:100%;display:block;border-radius:3px;}

/* ==========================================================================
   Newsletter
   ========================================================================== */
.taf-newsletter-section{border-top:1px solid var(--taf-line);border-bottom:1px solid var(--taf-line);padding:60px 30px;}
.taf-center-div{text-align:center;max-width:500px;margin-left:auto;margin-right:auto;}
.taf-subscribe-text{font-size:40px;font-weight:700;line-height:1.1em;}
.taf-update-form{flex-direction:column;align-items:center;max-width:400px;margin-left:auto;margin-right:auto;display:flex;}
.taf-upadate-form{flex-direction:row;align-self:stretch;margin-top:10px;display:flex;}
.taf-email-textfield{
  height:100%;
  color:var(--taf-ink);
  background-color:var(--taf-paper);
  border:1px solid var(--taf-line);
  border-right:none;
  padding:12px 25px;
  font-size:17px;
  flex:1;
  width:100%;
}
.taf-email-textfield:focus{outline:none;border-color:var(--taf-accent);}
.taf-subscribe-button{
  color:#6c7f80;
  background-color:var(--taf-paper);
  border:1px solid var(--taf-line);
  padding:12px 25px;
  font-size:17px;
  font-weight:400;
  line-height:20px;
  transition:all .5s;
  cursor:pointer;
}
.taf-subscribe-button:hover{color:var(--taf-ink);background-color:var(--taf-mist);border-color:var(--taf-accent);}
.taf-form-message{color:var(--taf-ink);font-size:18px;line-height:22px;text-align:center;border:1px solid var(--taf-line-soft);padding:16px;border-radius:3px;display:none;}
.taf-form-message.taf-error{color:#c14b4b;}
.taf-update-form.taf-submitted form{display:none;}
.taf-update-form.taf-submitted .taf-form-message{display:block;}

/* ==========================================================================
   Footer
   ========================================================================== */
.taf-footer{border-top:1px solid var(--taf-line);padding:0 30px 60px;}
.taf-footer-bottom-grid{grid-template-rows:auto;grid-template-columns:2.75fr 1fr 1fr 1fr;padding-top:60px;display:grid;}
.taf-footer-flex{flex-direction:column;display:flex;}
.taf-footer-brand{display:inline-flex;}
.taf-footer-title{color:var(--taf-ink);letter-spacing:1px;text-transform:uppercase;margin-bottom:15px;font-size:16px;font-weight:600;}
.taf-footer-link{color:var(--taf-ink);font-size:17px;line-height:26px;text-decoration:none;}
.taf-footer-link:hover{opacity:.7;color:var(--taf-accent);}
.taf-footer-div-link{margin-top:10px;margin-bottom:10px;}
.taf-contact-footer-link{color:var(--taf-ink);font-size:16px;line-height:24px;text-decoration:underline;transition:all .4s;}
.taf-contact-footer-link:hover{color:var(--taf-accent);}
.taf-social-div{margin-top:20px;display:flex;}
.taf-social-link{width:24px;margin-right:20px;display:inline-flex;}
.taf-social-link:hover{opacity:.65;}
.taf-social-link svg{width:24px;height:24px;}
.taf-copywrite-link{color:var(--taf-ink);transition:all .5s;text-decoration:underline;}
.taf-copywrite-link:hover{opacity:.8;}
.taf-footer-copyright-text-div{margin-top:60px;font-size:14px;line-height:20px;}
.taf-copywright-text{color:var(--taf-ink);letter-spacing:1.5px;font-size:16px;font-weight:500;}

/* ==========================================================================
   About page
   ========================================================================== */
.taf-team-grid{
  grid-column-gap:30px;
  grid-row-gap:30px;
  grid-template-columns:1.5fr 1fr 1fr;
  grid-template-rows:auto auto;
  grid-template-areas:"hero top top" "hero left right";
  display:grid;
}
.taf-team-hero{
  grid-area:hero;
  background-image:linear-gradient(rgba(13,43,47,.72),rgba(13,43,47,.15));
  background-position:0 0,50%;
  background-repeat:repeat,no-repeat;
  background-size:auto,cover;
  height:650px;
  padding:60px 25px 0;
  border-radius:3px;
}
.taf-team-photo-top{
  grid-area:top;
  background-color:var(--taf-mist);
  padding:40px 30px;
  border-radius:3px;
  display:flex;
  align-items:center;
}
.taf-team-photo-left{
  grid-area:left;
  background-position:0 40%;
  background-repeat:no-repeat;
  background-size:cover;
  padding:50px 0 0 25px;
  border-radius:3px;
}
.taf-team-photo-right{
  grid-area:right;
  background-position:20% 30%;
  background-size:cover;
  padding:50px 0 0 25px;
  border-radius:3px;
}
.taf-team-member-text{font-size:30px;font-weight:500;line-height:36px;}
.taf-team-member-text.taf-white{color:#fff;}
.taf-team-box{flex-direction:column;justify-content:center;max-width:300px;display:flex;}
.taf-white-paragraph{color:#fff;font-size:15px;margin:0;}
.taf-gray-paragraph{color:#5b6b6c;font-size:16px;line-height:20px;margin:0;}
.taf-about-us-div{margin-top:60px;}
.taf-about-text{font-size:20px;font-weight:300;line-height:30px;}
.taf-experience-grid{
  grid-column-gap:40px;
  grid-row-gap:40px;
  border-top:1px solid var(--taf-line-soft);
  border-bottom:1px solid var(--taf-line-soft);
  grid-template-rows:auto;
  grid-template-columns:1fr 1fr 1fr;
  margin-top:100px;
  padding:40px 0;
  display:grid;
}
.taf-center-divbox{text-align:center;padding:0 20px;}
.taf-big-numbers{
  color:var(--taf-paper);
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:var(--taf-accent);
  font-size:100px;
  font-weight:500;
  line-height:1em;
}
.taf-stat-label{color:var(--taf-ink);letter-spacing:1px;font-size:22px;font-weight:500;line-height:24px;}

/* ==========================================================================
   Single post page
   ========================================================================== */
.taf-single-page-grid{grid-column-gap:40px;grid-template-rows:auto;grid-template-columns:1.95fr 1fr;display:grid;}
.taf-post-flex-div{flex-direction:column;display:flex;}
.taf-post-flex{justify-content:flex-start;align-items:center;margin-bottom:20px;display:flex;}
.taf-content-width{max-width:700px;}
.taf-post-image-div{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  border-radius:3px;
  height:550px;
  margin-top:40px;
}
.taf-richtext{max-width:700px;}
.taf-richtext h5{margin-top:30px;}
.taf-richtext p{color:#233f41;font-size:16px;line-height:26px;margin-bottom:18px;}
.taf-richtext blockquote{
  border-left:3px solid var(--taf-accent);
  margin:24px 0;
  padding:6px 0 6px 24px;
  font-size:20px;
  font-style:italic;
  line-height:30px;
  color:var(--taf-ink);
}
.taf-richtext ul{margin:18px 0;padding-left:0;}
.taf-richtext ul li{position:relative;padding-left:24px;margin-bottom:10px;font-family:"Inter",sans-serif;font-size:16px;line-height:24px;color:#233f41;}
.taf-richtext ul li:before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background-color:var(--taf-accent);}

.taf-sticky-div{position:sticky;top:95px;}
.taf-right-blog-div{padding-top:70px;}
.taf-right-hero-grid{grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;grid-template-columns:1fr;grid-auto-columns:1fr;display:grid;}

/* ==========================================================================
   Static / legal pages
   ========================================================================== */
.taf-legal-body{max-width:760px;}
.taf-legal-body h2{font-size:26px;margin-top:36px;}
.taf-legal-body p,.taf-legal-body li{font-family:"Inter",sans-serif;font-size:16px;line-height:26px;color:#233f41;margin-bottom:14px;}
.taf-legal-body ul{padding-left:20px;list-style:disc;margin-bottom:14px;}
.taf-updated-label{color:#5b6b6c;font-family:"Inter",sans-serif;font-size:14px;margin-bottom:30px;display:block;}

/* ==========================================================================
   Contact page
   ========================================================================== */
.taf-contact-grid{grid-column-gap:60px;grid-template-columns:1fr 1fr;display:grid;}
.taf-contact-item{margin-bottom:24px;}
.taf-contact-label{text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:600;color:var(--taf-accent);margin-bottom:6px;display:block;}
.taf-contact-value{font-size:18px;font-weight:500;}

/* ==========================================================================
   404
   ========================================================================== */
.taf-error-page{text-align:center;padding:140px 30px;}
.taf-error-code{font-size:110px;font-weight:700;color:var(--taf-accent);line-height:1em;margin-bottom:10px;}
.taf-error-back{display:inline-block;margin-top:20px;padding:12px 28px;border:1px solid var(--taf-line);border-radius:3px;text-transform:uppercase;font-size:13px;font-weight:600;letter-spacing:1px;transition:all .3s;}
.taf-error-back:hover{background-color:var(--taf-ink);color:var(--taf-paper);border-color:var(--taf-ink);}

/* ==========================================================================
   Responsive — 991px
   ========================================================================== */
@media screen and (max-width:991px){
  h2{font-size:38px;}
  h3{font-size:34px;}
  h4{font-size:30px;}
  h5{font-size:26px;}
  h6{font-size:22px;}
  .taf-section{padding-left:20px;padding-right:20px;}
  .taf-section.taf-top-30{padding-top:30px;}
  .taf-hero-section{padding-left:20px;padding-right:20px;}
  .taf-mt-50{margin-top:30px;}
  .taf-title-text-category{font-size:25px;line-height:30px;}
  .taf-right-hero-div{padding-top:40px;padding-left:0;}
  .taf-hero-grid{flex-direction:column;grid-template-columns:.66fr 1.3fr 1fr;display:flex;}
  .taf-left-hero-div.taf-show-on-mobile{padding-top:30px;padding-right:0;display:block;}
  .taf-left-hero-div.taf-hide-on-mobile{display:none;}
  .taf-flex-post-div{flex-direction:column;}
  .taf-category-link{font-size:14px;}
  .taf-post-title{font-size:22px;line-height:26px;}
  .taf-date-div{font-size:14px;}
  .taf-title-div{padding:0 0 30px;justify-content:flex-start;align-items:center;}
  .taf-post-hero-image{height:600px;}
  .taf-item-image-div{height:600px;min-height:0;}
  .taf-thumb-md{height:400px;}
  .taf-navbar{padding-left:20px;padding-right:20px;}
  .taf-center-menu{display:none;}
  .taf-center-menu.taf-show-on-mobile{display:block;}
  .taf-divider-menu{border-bottom:1px solid var(--taf-line-soft);max-width:165px;margin:10px auto 0;padding:10px 0;display:flex;flex-direction:column;text-align:center;}
  .taf-nav-link.taf-last{padding-right:20px;}
  .taf-menu-button{display:block;order:1;}
  .taf-right-nav-menu{
    display:none;
    background-color:var(--taf-paper);
    flex-direction:column;
    padding:30px 0;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    border-bottom:1px solid var(--taf-line);
    box-shadow:0 12px 24px -12px rgba(13,43,47,.18);
  }
  .taf-right-nav-menu.taf-menu-open{display:flex;}
  .taf-navbar{position:sticky;}
  .taf-flex-category-list{justify-content:center;align-items:center;flex-direction:column;}
  .taf-grid-4up{grid-column-gap:25px;grid-row-gap:25px;grid-template-columns:1fr 1fr;margin-top:30px;}
  .taf-right-hero-flex-div{padding-bottom:20px;}
  .taf-grid-3col{grid-template-columns:2fr;}
  .taf-mb-50{margin-bottom:30px;}
  .taf-grid-2up{grid-column-gap:20px;grid-row-gap:20px;}
  .taf-feature-image{height:500px;}
  .taf-advertise-section{padding-left:60px;padding-right:60px;}
  .taf-update-form{width:100%;}
  .taf-subscribe-text{font-size:46px;line-height:52px;}
  .taf-grid-4up-list{grid-column-gap:20px;grid-row-gap:20px;grid-template-columns:1fr 1fr 1fr;}
  .taf-thumb-list{height:170px;}
  .taf-footer-link{font-size:16px;line-height:26px;}
  .taf-footer-copyright-text-div{margin-top:40px;}
  .taf-footer-bottom-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;padding-top:60px;}
  .taf-footer{padding-left:20px;padding-right:20px;}
  .taf-h1.taf-uppercase{font-size:50px;}
  .taf-collection-grid{grid-template-columns:1fr 1fr;}
  .taf-single-page-grid{grid-template-columns:1.75fr;}
  .taf-post-image-div{height:500px;margin-top:30px;}
  .taf-content-width{max-width:100%;}
  .taf-about-us-div{width:100%;margin-top:30px;}
  .taf-team-hero{background-position:0 0,50% 30%;height:350px;padding:20px;}
  .taf-team-photo-left{background-position:0 10%;padding:20px;}
  .taf-team-photo-top{padding:20px;}
  .taf-team-member-text{font-size:26px;line-height:32px;}
  .taf-team-box{max-width:300px;}
  .taf-team-photo-right{background-position:20% 12%;padding:20px;height:auto;}
  .taf-gray-paragraph{font-size:17px;}
  .taf-team-grid{
    grid-template-rows:auto auto auto;
    grid-template-columns:1fr 1fr;
    grid-template-areas:"hero hero" "top top" "left right";
  }
  .taf-about-text{font-size:18px;line-height:26px;}
  .taf-experience-grid{grid-template-columns:1fr 1fr;margin-top:60px;padding:50px 0;}
  .taf-big-numbers{font-size:90px;}
  .taf-stat-label{font-size:20px;}
  .taf-contact-grid{grid-template-columns:1fr;grid-row-gap:20px;}
}

/* ==========================================================================
   Responsive — 767px
   ========================================================================== */
@media screen and (max-width:767px){
  h1{font-size:40px;}
  h2{font-size:34px;}
  h3{font-size:30px;}
  h4{font-size:28px;}
  h5{font-size:24px;}
  .taf-section{padding:40px 20px;}
  .taf-sub{margin-top:12px;}
  .taf-mt-50{margin-top:30px;}
  .taf-right-hero-div{padding-top:10px;}
  .taf-flex-post-div{flex-direction:column;margin-bottom:0;}
  .taf-post-title{font-size:20px;line-height:28px;}
  .taf-hero-post-title{font-size:40px;}
  .taf-post-hero-image,.taf-item-image-div{height:450px;}
  .taf-thumb-md{height:350px;}
  .taf-divider-menu{margin-top:10px;padding:10px 0;}
  .taf-nav-link.taf-current{text-decoration:underline;}
  .taf-brand{padding-left:0;}
  .taf-grid-4up{grid-template-columns:1fr;}
  .taf-thumb-sm{width:200px;}
  .taf-mb-50{margin-bottom:30px;}
  .taf-grid-2up{grid-column-gap:20px;grid-row-gap:30px;}
  .taf-feature-image{height:450px;}
  .taf-advertise-section{padding:50px 40px;}
  .taf-subscribe-button,.taf-email-textfield{padding-top:10px;padding-bottom:10px;}
  .taf-newsletter-section{padding:40px 20px;}
  .taf-subscribe-text{font-size:38px;line-height:42px;}
  .taf-grid-4up-list{grid-template-columns:1fr 1fr;}
  .taf-footer-title{font-size:18px;}
  .taf-social-div{margin-top:30px;}
  .taf-footer-bottom-grid{grid-row-gap:40px;grid-template-columns:2.75fr;padding-top:60px;font-size:16px;}
  .taf-h1.taf-uppercase{font-size:45px;}
  .taf-collection-grid{grid-template-columns:1fr 1fr;}
  .taf-post-image-div{height:450px;}
  .taf-about-us-div{margin-top:30px;}
  .taf-team-photo-left{height:250px;}
  .taf-team-photo-right{height:250px;}
  .taf-team-grid{grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;grid-template-areas:"hero hero" "top top" "left right";}
  .taf-experience-grid{grid-column-gap:20px;grid-row-gap:40px;margin-top:60px;padding:40px 0;}
  .taf-big-numbers{font-size:65px;}
  .taf-stat-label{font-size:18px;}
}

/* ==========================================================================
   Responsive — 479px
   ========================================================================== */
@media screen and (max-width:479px){
  h1{font-size:31px;}
  h2{font-size:28px;}
  h3{font-size:26px;}
  h4{font-size:24px;}
  h5{font-size:22px;}
  h6{font-size:20px;}
  .taf-section{padding-top:40px;padding-bottom:40px;}
  .taf-hero-section{padding-bottom:0;}
  .taf-title-text-category{font-size:20px;line-height:24px;}
  .taf-flex-post-div{flex-direction:row;}
  .taf-div-post{align-self:stretch;}
  .taf-category-link,.taf-date-div{font-size:13px;}
  .taf-hero-post-title{text-align:left;font-size:35px;}
  .taf-post-hero-image,.taf-item-image-div{height:350px;}
  .taf-thumb-md{height:250px;}
  .taf-center-menu.taf-show-on-mobile{flex-flow:column;}
  .taf-divider-menu{border-bottom-style:none;flex-flow:column;max-width:none;margin:0;padding:0 20px;}
  .taf-nav-link{margin-left:0;padding:20px 0;font-size:15px;}
  .taf-brand{padding-right:15px;}
  .taf-right-nav-menu{padding:30px 0;}
  .taf-flex-category-list{flex-flow:column;justify-content:center;align-items:flex-start;padding-left:20px;}
  .taf-grid-4up{grid-column-gap:40px;grid-row-gap:40px;}
  .taf-thumb-sm{width:150px;height:150px;}
  .taf-grid-2up{grid-template-columns:1fr;}
  .taf-feature-image{height:300px;}
  .taf-advertise-section{padding:40px 20px;}
  .taf-upadate-form{flex-direction:column;}
  .taf-email-textfield{border-right:1px solid var(--taf-line);height:40px;margin-bottom:15px;font-size:16px;}
  .taf-subscribe-button{width:100%;height:40px;font-size:16px;}
  .taf-subscribe-text{font-size:30px;line-height:34px;}
  .taf-grid-4up-list{grid-template-columns:1fr;}
  .taf-footer-link{font-size:15px;}
  .taf-copywright-text{font-size:14px;}
  .taf-footer-copyright-text-div{margin-top:60px;}
  .taf-h1.taf-uppercase{font-size:40px;}
  .taf-logo-image{height:22px;}
  .taf-collection-grid{grid-template-columns:1fr;}
  .taf-post-image-div{height:300px;margin-top:20px;}
  .taf-error-code{font-size:70px;}
  .taf-error-page{padding:90px 20px;}
}