@media(max-width:1400px){
    div.active-glyph-container{
        height:350px;
        width:350px;
        font-size:250px;
    }
    section.index-content{
        grid-template-columns: repeat(2, 1fr);
    }
    div.index-container{
        width:50vw;
        height:50vw;
    }
    div.info-inner{
        font-size:20px;
    }
}


@media(max-width:1200px){
    div.aa{
        font-size:15vw;
    }
    section.index-intro{
        width:70vw;
    }
    div.header-bg{
        height:65px;
    }
    div.tf-intro-inner p{
        font-size:14px;
    }
    div.tf-header-left, div.tf-header-right{
        font-size: 18px;
    }
    .select-css{
        font-size:18px;
    }
    div.option label{
        font-size:18px;
    }
    a.menu-link{
        font-size:18px;
    }
    img.bw-icon{
        max-width: 30px;
    }
    p.top-link{
        height:140px;
        width:140px;
    }
    section.info-page-container{
        grid-template-columns: repeat(4, 1fr);
    }
    div.info-left{
        grid-column:1/3;
    }
    div.info-middle{
        grid-column:3/5;
    }
    div.info-right{
        grid-column: 1/5;
        grid-row:2;
        margin-top:150px;
    }
      div.download-description{
          font-size:24px;
      }
}


@media(max-width:1000px){
    div.mm-links a{
        font-size:36px;
    }
    div.tf-intro-inner{
        display: block;
    }
    div.tf-intro-right{
        width:60vw;
    }
    h1.tf-page-title{
        margin-bottom: 10px;
    }
    .select-css{
        font-size: 20px;
    }
    div.option-label{
        font-size: 20px;
    }
    section.tf-download{
        display:block;
        margin-bottom:0px;
    }
    section.tf-page-index{
        margin-top:130px;
    }
    div.tf-download-left{
        width:100%;
    }
    div.tf-download-right{
        width:100%;
    }
      div.download-description{
          font-size:24px;
          margin-bottom:50px;
      }

}


@media(max-width:900px){
        header.tf-header{
            padding: 10px 24px;
        }
        div.aa{
            font-size:35vw;
        }
        section.index-content{
            grid-template-columns: repeat(1, 1fr);
        }
        div.index-container{
            width:100vw;
            height:70vw;
        }
        div.option.change-text{
            display:none;
        }
        .bw-icon{
            display:none;
        }
        section.tf-glyphs{
            display:none;
        }
        section.tf-tester{
            display:none;
        }
        p.top-link{
            grid-column: 1/13;
            grid-row: 3;
        }
        div.info-left{
            grid-column:1/5; 
        }
        div.info-middle{
            grid-column:1/5;
        }
        div.info-right{
            grid-column: 1/5;
            grid-row:3;
            margin-top:50px;
        }
        div.info-right div.services{
            margin-bottom:25px;
        }
        section.tf-download{
            margin-top:50px;
        }
        div.tf-download-right{
            margin-top:100px;
        }
}

@media(min-width:800px){
    a.index-menu-link{
        display:none;
    }
    h1.mobile-section-header{
        display:none;
    }
}


@media(max-width:800px){
    .section-start{
        display:none;
    }
    section.index-intro{
        margin-top:0;
        position:static;
    }
    p.index-intro-copy{
        line-height: 1.5;
    }
    section.tf-intro{
        position:relative;
        opacity:1;
    }
    div.tf-intro-left{
        width:90vw;
    }
    span.span-space{
        margin-right: 20px;
    }
    section.tf-styles{
        padding-top:30px;
    }
    section.mobile-alphabet{
        display:block;
    }
    img.small-arrow{
        max-height:10px;
    }
    a.header-index{
        display:none;
    }
    div.mm-links{
        display:block;
    }
      div.mm-links a{
        font-size:18px;
    }
    div.menu{
        height:100vh;
    }
    div.mm-font-inner{
        height:220px;
        width:220px;
    }
    .small-type{
        font-size: 14px;
    }
    div.header-bg{
        height:42px;
    }
    div.sections-links{
        display:none;
    }
    div.tf-intro-inner p{
        font-size:14px;
    }
    section.tf-styles{
        display:block;
    }
    div.tf-styles-left{
        width:90vw;
        font-size:7vw;
    }
    div.tf-styles-right{
        width:90vw;
        font-size:7vw;
    }
    section.tf-samples{
        padding-top:0px;
    }
    div.option:nth-child(1){
        grid-column: 1/10;
    }
    div.option:nth-child(2){
        grid-column: 1/10;
    }
    div.section-links{
        display: none;
    }
    div.tf-header-right-mobile{
        display: block;
      }
      div.divider{
          display:none;
      }
}

@media(max-width:700px){
    div.index-container{
        width:100vw;
        height:100vw;
    }
}

@media(max-width:600px){
    section.index-intro{
        width:95vw;
        font-size:22px;
        /* margin-top:20vh; */
        line-height: 1.4;
        padding-top:200px;
    }
    section.index-intro br{
        display:none;
    }
   div.tf-header-left span{
       opacity: 0.5;
   }
    div.tf-intro-right{
        display:none;
    }
    span.span-space{
        margin-right: 12px;
    }
    h1.tf-page-title.red-page-title{
        display: block;
    }
    div.tf-intro-inner{
        bottom:11vh;
    }
    div.tf-intro-inner p{
        font-size:12px;
    }
   div.tester-options{
       display:none;
   }
   div.divider{
       max-width: 80vw;
   }
   h1.tf-page-title{
    font-size: 16vw;
    line-height: 1;
    }
    section.tf-samples{
        padding-top:0px;
        padding-bottom:40px;
    }
    div.sample{
        margin-bottom: 100px;
    }
    div.sample-options{
        padding-top:20px;
    }
    .select-css{
        font-size: 16px;
    }
    div.option label{
        font-size:16px;
        margin-top:0px;
    }
    div.download-detail{
        display:block;
        max-width: 100%;
        padding-top:15px;
    }
    div.download-description{
        font-size:20px;
    }
    div.download-link img{
        max-width: 60px;
    }
    h2.download-text{
        font-size:24px;
    }
    div.tf-download-right{
        margin-top: 60px;
    }
    section.tf-download{
        padding-top:0px;
    }
    section.tf-download h1{
        max-width: 90%;
    }
    div.dd-left{
        margin-bottom: 16px;
        width: 80%;
        font-variation-settings: 'wght' 400;
    }
    div.dd-right{
        max-width: 100%;
    }
    section.tf-page-index div.index-container{
        background-color:rgba(128, 128, 128, 0.137);
    }
    footer{
        padding-top:40px;
    }
}