/* ------------------------ 
	RESP Font
	------------------------ */
    .h1--large { font-size: 4.4rem; } 
    
    H1.large, 
    H2.large {
        font-size: 3.5rem; 
        line-height: 115%; 
    }

    /*blog*/
    .editor H4.h1,
    H2.big { font-size: 2.8rem;}

    H1, H2 { 
        /*font-size: 32px;*/
        font-size: 2rem; 
    } 
    H3 { 
       /* font-size: 28px;*/
        font-size: 1.6rem;    
    } 
    H4 { 
        /*font-size: 20px;*/
        font-size: 1.3rem;  
    } 
    H5 { 
        /*font-size: 18px; */
        font-size: 1.2rem;  
    } 
    
    p, H6, .editor p, .editor td, .editor li,
    a.big p, a.link p,
    section ul li, 
    section ol li { font-size: 1.05rem;}

    a.link.bigger-size p { font-size: 1.15rem; }

    p.small, a.small p, 
    .tertiary { font-size: .9rem; } 

    p.moresmall,
    p.verysmall { font-size: .8rem; } 


    @media only screen and (max-width: 1600px) {
        .h1--large { font-size: 4rem; } 
        
        H1.large, 
        H2.large {font-size: 3rem; }
        H1, H2 { font-size: 1.8rem;} 
        
        H3 { font-size: 1.5rem;} 
    }

    @media only screen and (max-width: 1440px) {
        /*blog*/
        .editor H4.h1,
        H2.big { font-size: 2.4rem;}
    }

    @media only screen and (max-width: 1280px) { 
        
        H1.large, 
        H2.large {font-size: 2.6rem; }
        
        /*blog*/
        .editor H4.h1,
        H2.big { font-size: 2.2rem;}
    }

	@media only screen and (max-width: 1160px) { }
    @media only screen and (max-width: 1024px) { 
        /*blog*/
        .editor H4.h1,
        H2.big { font-size: 1.8rem;}
        
        #intro h1 br, 
        #intro h2 br {display: none; }
    }
    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) {
        .h1--large { font-size: 3.5rem; } 
        
        H1.large, 
        H2.large {font-size: 2.4rem; }
        H1, H2 { font-size: 1.6rem;} 
        H3 { font-size: 1.4rem;} 
        
        /*blog*/
        .editor H4.h1,
        H2.big { font-size: 1.6rem;}
    }

    @media only screen and (max-width: 767px) { }

    @media only screen and (max-width: 700px) { 
        /* podcast overview*/
        .podcast.overview H4 { font-size: 1.4rem;  } 
    }

	@media only screen and (max-width: 600px) { 
        .h1--large { font-size: 3rem; } 
        
        H1.large, 
        H2.large {font-size: 2.2rem;} 
         
        H4 { font-size: 1.2rem;  } 
        H5 { font-size: 1.1rem;  } 
        
        /*helpcenter*/
        .helpcenter #topheader H1  { font-size: 1.4rem;}
        
        /*blog*/
        .editor H4.h1,
        H2.big { font-size: 1.4rem;}
        
        H6, 
        p, 
        a.big p, a.link p, a.link.bigger-size p,
        .editor p, .editor td, .editor li,
        section ul li, 
        section ol li { font-size: 1rem;}
        
        /*padding*/
        h1, h2,
        h3, #intro h4, p, 
        section ul, 
        section ol { padding-bottom: 1rem; }
        
        h4, h5 {padding-bottom: .5rem;}
    }

	@media only screen and (max-width: 479px) { 
        .h1--large { font-size: 2.8rem; } 
        
        #intro H1.large, 
        #intro H2.large,
        #teaser H1.large, 
        #teaser H2.large{font-size: 2.0rem;} 
        
        H1.large, 
        H2.large {font-size: 1.8rem;} 
        H2 { font-size: 1.5rem;}
        H3 {font-size: 1.3rem;}
        H4 {font-size: 1.1rem;}
        
        /* podcast overview*/
        .podcast.overview H4 { font-size: 1.2rem;  } 
        
         /*helpcenter*/
         .page.helpcenter #topheader H1  { font-size: 1.3rem;}
        
    }