/* startpoint */




 /* @import must be at top of file, otherwise CSS will not work */
 @import url("//hello.myfonts.net/count/34a2e8");


 @font-face {font-family: 'BaskervilleBT-Roman';src: url('webfonts/34A2E8_0_0.eot');src: url('webfonts/34A2E8_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/34A2E8_0_0.woff2') format('woff2'),url('webfonts/34A2E8_0_0.woff') format('woff'),url('webfonts/34A2E8_0_0.ttf') format('truetype');}


 @font-face {font-family: 'BaskervilleBT-Italic';src: url('webfonts/34A2E8_1_0.eot');src: url('webfonts/34A2E8_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/34A2E8_1_0.woff2') format('woff2'),url('webfonts/34A2E8_1_0.woff') format('woff'),url('webfonts/34A2E8_1_0.ttf') format('truetype');}


 @font-face {font-family: 'BaskervilleBT-Bold';src: url('webfonts/34A2E8_2_0.eot');src: url('webfonts/34A2E8_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/34A2E8_2_0.woff2') format('woff2'),url('webfonts/34A2E8_2_0.woff') format('woff'),url('webfonts/34A2E8_2_0.ttf') format('truetype');}


 @font-face {font-family: 'BaskervilleBT-BoldItalic';src: url('webfonts/34A2E8_3_0.eot');src: url('webfonts/34A2E8_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/34A2E8_3_0.woff2') format('woff2'),url('webfonts/34A2E8_3_0.woff') format('woff'),url('webfonts/34A2E8_3_0.ttf') format('truetype');}



 @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

   .smallerimage {max-width:600px;}

   .greytitle {
     margin-left:0px !important;
   }

 }




a.clicktoview {
  font-family:'Karla', sans-serif;
  font-weight:700;
  text-transform: uppercase;
  letter-spacing:-.03em;
  float:right;
  color:#484848;
  display:inline-block;
  /* margin-right:30px; */

}


a.clicktoviewtiktok {
  font-family:'Karla', sans-serif;
  font-weight:700;
  text-transform: uppercase;
  letter-spacing:-.03em;
  float:center;
  color:#484848;
  display:inline-block;
  text-align:center;
}

.centerp {
  text-align:center;
}

.textcontainer {
  margin-left:30px;
  margin-right:30px;
}




.videocopyblock {
font-family:'Karla', sans-serif;
font-size:26px;
color:#484848;
line-height:30px;
text-align: left;
margin-top:40px;
padding-left:20px;
padding-right:20px;
letter-spacing:-.06em;
padding-bottom:40px;
margin-top:60px;
}


.transcriptcopyblock {
  font-family:'Karla', sans-serif;
  font-size:16px;
  color:#484848;
  line-height:18px;
  text-align: left;
  margin-top:10px;
  padding-left:20px;
  padding-right:20px;
  letter-spacing:-.06em;
  padding-bottom:40px;
}

.karlabold700 {
  font-weight:700;
}



 #overlay, #overlayfilter {
   position: fixed; /* Sit on top of the page content */
   display: none; /* Hidden by default */
   width: 100%; /* Full width (cover the whole page) */
   height: 100%; /* Full height (cover the whole page) */
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(255,255,255,1); /* Black background with opacity */
   z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
   cursor: pointer; /* Add a pointer on hover */
   overflow-y: scroll;
 }

.insidetheoverlay {
  position:static;
}

 button {
   background-color:#fff;
   border:none;
 }


button.hamburger-for-lunch {
  /* height:20px; */
  width:30px;
  margin:0;
  padding:0;
  overflow: visible;
}




@media (max-width: 360px) {



  .toprow {
    margin-top:50px;
  }

  .headerborderbottom {
    border-bottom:solid #f3f3f3 1px;
    margin-bottom:30px;

  }


  .extrapadding {
    padding-bottom:8px;
  }

  .copyblock {
    font-family:'Karla', sans-serif;
    font-size:36px;
    color:#484848;
    line-height:40px;
    text-align: center;
    margin-top:40px;
    padding-left:28px;
    padding-right:28px;
    letter-spacing:-.06em;
  }

  .subblock {
    font-family:'Karla', sans-serif;
    color:#484848;
    font-size:27px;
    text-align: center;
    margin-top:34px;
  }

  .ital {
  font-style:italic;
  }

  .italbol {
    font-weight:700;
    font-style: italic;
  }

  .bol {
    font-weight:700;
  }

  .subblock {
    margin-bottom:35px;
  }


  .subblockv2 {
    font-family:'Karla', sans-serif;
    line-height:30px;
    font-size:27px;
    text-align: left;
    letter-spacing:-.06em;
    margin: 60px 60px 0;
  }

  .largemarge {
    margin-top:78px;
  }

  .subblockv2 a {
    color:#484848;
  }

  .subblockv2 a:hover {
    color:#05ff7b;
  }

  .socialicons {
      margin-top:74px;
      margin-bottom:55px;
      text-align:center;
  }

  .socialicons {
  margin-left:90px;
  margin-right:90px;
  overflow:none;
  }

  .socialinsta {
    float:left;
  }

  .socialtiktok {
    float:right;
  }

  .trademark {
  margin-top:30px;
  color:#ccc;
  font-size:10px;
  letter-spacing: -.1em;
  text-align:center;
  font-family:'Karla', sans-serif;
  margin-bottom:30px;
  }



  .menublock {
    padding-top:13px;
    padding-left: 30px;
    padding-right:30px;
    border-top:solid #f3f3f3 1px;
    margin-bottom:20px;
  }

  .menutextsmaller {
    font-family:'Karla', sans-serif;
    font-size:19px;
    color:#484848;
    line-height: 24px;
    letter-spacing:-.06em;
  }

  .centeritems {
    text-align:center;
  }
  .menutext {
    font-family:'Karla', sans-serif;
    font-size:27px;
    color:#484848;
    line-height: 30px;
    letter-spacing:-.06em;
  }


  /* .topheader {
    overflow:visible;
  } */


  .topheader button {
    font-family:'Karla', sans-serif;
    font-weight:700;
    text-transform: uppercase;
    letter-spacing:-.03em;
    float:right;
  }

  .filterbutton {
    margin-top:64px;
    margin-right:30px;
  }

  .imageblock img {
padding-left:0px;
    margin-left:0px;
    margin-right:0px;
    display:block;
width:167px;
  }


  .imageblock:nth-child(odd) img {
      margin-right:0px;
  }


  .imageblocks {
    margin-left:10px;
  }

  .imageblocks a {
    display:inline-block;
  }





}


.justtheborder {
  border-bottom:solid #f3f3f3 1px;
}


@media (min-width: 768px) and (max-width: 5000px) {
  .greytitle {
    margin-left:0px !important;
  }
}

/* startpoint */
@media (min-width: 360px) and (max-width: 5000px) {



.toprow {
  margin-top:50px;
}

.headerborderbottom {
  border-bottom:solid #f3f3f3 1px;
  margin-bottom:30px;

}


.extrapadding {
  padding-bottom:8px;
}

.copyblock {
  font-family:'Karla', sans-serif;
  font-size:36px;
  color:#484848;
  line-height:40px;
  text-align: center;
  margin-top:40px;
  padding-left:28px;
  padding-right:28px;
  letter-spacing:-.06em;
}

.subblock {
  font-family:'Karla', sans-serif;
  color:#484848;
  font-size:27px;
  text-align: center;
  margin-top:34px;
}

.ital {
font-style:italic;
}

.italbol {
  font-weight:700;
  font-style: italic;
}

.bol {
  font-weight:700;
}

.subblock {
  margin-bottom:35px;
}


.subblockv2 {
  font-family:'Karla', sans-serif;
  line-height:30px;
  font-size:27px;
  text-align: left;
  letter-spacing:-.06em;
  margin: 60px 60px 0;
}

.largemarge {
  margin-top:78px;
}

.subblockv2 a {
  color:#484848;
}

.subblockv2 a:hover {
  color:#05ff7b;
}

.socialicons {
    margin-top:74px;
    margin-bottom:55px;
    text-align:center;
}

.socialicons {
margin-left:90px;
margin-right:90px;
overflow:none;
}

.socialinsta {
  float:left;
}

.socialtiktok {
  float:right;
}

.trademark {
margin-top:30px;
color:#ccc;
font-size:10px;
letter-spacing: -.1em;
text-align:center;
font-family:'Karla', sans-serif;
margin-bottom:30px;
}

.menublock {
  padding-top:13px;
  padding-left: 30px;
  padding-right:30px;
  border-top:solid #f3f3f3 1px;
  margin-bottom:20px;
}

.menutextsmaller {
  font-family:'Karla', sans-serif;
  font-size:19px;
  color:#484848;
  line-height: 24px;
  letter-spacing:-.06em;
}

.centeritems {
  text-align:center;
}
.menutext {
  font-family:'Karla', sans-serif;
  font-size:27px;
  color:#484848;
  line-height: 30px;
  letter-spacing:-.06em;
}


/* .topheader {
  overflow:visible;
} */


.topheader button {
  font-family:'Karla', sans-serif;
  font-weight:700;
  text-transform: uppercase;
  letter-spacing:-.03em;
  float:right;
}

.filterbutton {
  margin-top:64px;
  margin-right:30px;
}

.imageblock img {
  /* margin-left:10px; */
  margin-right:20px;
  display:inline;
  width:167px;
  margin-bottom:20px;

}

.imageblock img {

}

.imageblock:nth-child(odd) img {
    margin-right:0px;
}


.imageblocks {
  margin-left:30px;
}

.imageblocks a {
  display:inline-block;
  margin-right:20px;
}



}
/* end media 414 */

.filterbutton a  {
  color:#484848;
}

.filterbutton a:hover {
  color:#32ee6c;
}

.menublock a {
  color:#484848;
}

.menublock a:hover {
  color:#32ee6c;
  text-decoration: none;
}

.menublock a:visited {
  color:#484848;
  text-decoration: none;
}

/* Menu Page */
.menuheader {
  /*font-family: 'Abril Fatface', cursive;*/
  font-family: "adobe-garamond-pro";
  /* font-weight:600; */
  font-variant-ligatures: common-ligatures;
  -moz-font-feature-settings: "liga", "clig";
  -webkit-font-feature-settings: "liga", "clig";
  font-feature-settings: "liga", "clig";
  font-size:48px;
  line-height:48px;
  letter-spacing: -.05em;
  margin-bottom:10px;
  margin-top:20px;
}







body {
  color:#484848;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -.1em;


/*font-family: 'Abril Fatface', cursive;*/
font-family: "adobe-garamond-pro";
/* font-weight:600; */
font-variant-ligatures: common-ligatures;
-moz-font-feature-settings: "liga", "clig";
-webkit-font-feature-settings: "liga", "clig";
font-feature-settings: "liga", "clig";


}


p {
  margin:0;
  padding:0;
}


.container {
  margin-top: 0px;
  margin-right: 30px;
  margin-left: 40px;
  position: relative;
}

.underline {
  border-bottom:solid thin #ccc;
}


.block {
  /* height:300px; */
  font-size:36px;letter-spacing: -.03em;padding-top:40px;
  font-family:"BaskervilleBT-Roman";
}


.block a, .block a:visited {
  color:#a6a6a6;
  text-decoration: none;
}


.block a:hover {
  color:#32ee6c;
}



.maintitle {
    /*font-family: 'Abril Fatface', cursive;*/
    font-family: "adobe-garamond-pro";
    /* font-weight:600; */
    font-variant-ligatures: common-ligatures;
    -moz-font-feature-settings: "liga", "clig";
    -webkit-font-feature-settings: "liga", "clig";
    font-feature-settings: "liga", "clig";

    /*test 2 one*/
    font-size:70px;
    line-height: 55px;
    position: relative;
    letter-spacing: -.058em;
    color:#000;
}




.smallertitle {
    /*font-family: 'Abril Fatface', cursive;*/
    font-family: "adobe-garamond-pro";
    /* font-weight:600; */
    font-variant-ligatures: common-ligatures;
    -moz-font-feature-settings: "liga", "clig";
    -webkit-font-feature-settings: "liga", "clig";
    font-feature-settings: "liga", "clig";

    /*test 2 one*/
      font-size:55px;
    line-height: 40px;
    position: relative;
    letter-spacing: -.058em;
    color:#000;

}


.greytitle {
    /*font-family: 'Abril Fatface', cursive;*/
    font-family: "adobe-garamond-pro";
    /* font-weight:600; */
    font-variant-ligatures: common-ligatures;
    -moz-font-feature-settings: "liga", "clig";
    -webkit-font-feature-settings: "liga", "clig";
    font-feature-settings: "liga", "clig";
text-align:left;
    /*test 2 one*/
    font-size:70px;
    line-height: 55px;
    position: relative;
    letter-spacing: -.058em;
    color:#dadada;
    margin-left:30px;
    margin-top:32px;
    letter-spacing:-.08em;
    margin-bottom:40px;
    float:left;
}



.productivity {
letter-spacing: -.044em !important;
}

.col-sm-12 .maintitle {
  margin-top:25px;
  margin-left:20px;

}

.col-sm-12 .hamburger-for-lunch {
  margin-right:30px;
  float:right;
  margin-top:30px;
}

.col-sm-12 .mainimage {
  margin-top:-57px;
  display:block;
  /* border-bottom:1px solid #f3f3f3; */
}

.bottommargin20 {
  margin-bottom:20px;
}


.smallertext {
  font-size:16px !important;
}


.mainmenu {
  list-style-type:none;
  margin-left:0px;
  padding-left:0px;
}


.mainmenu li {
  display:inline;
  margin-right:40px;
  font-family: "adobe-garamond-pro";
  font-size:40px;
}

.mainmenu li a {
  display:inline;
  margin-right:40px;
  color:#a6a6a6;
  font-family: "adobe-garamond-pro";
  font-size:40px;
}

.linkcaption {
  font-size:28px;
  color:#a6a6a6;
}


.linkspage .linkblock a {
  display:block;
  /* float:left; */
  margin-right:40px;
}

.linkspage .linkblock a img {
  max-height:200px;
  position:relative;

}


.linkcaption a {
  display:inline  !important;
  margin-right:0px !important;
  padding-left:0px;
  display:block;
  color:#0079f4 !important;
}



/* ---------- FINALS */

.internalmenutitle {
  margin-left:30px !important;
}


/* endpoint */