/*-------------------------------
            TYPOGRAPHY 
--------------------------------*/

body p, 
.entry-content p, 
.entry-content ul li,  
.entry-content ul,  
.entry-content a, 
.pp-sub-heading p {

}


/*--------------------------------
            HEADER 
---------------------------------*/
/*---
  Media queries? Y/N
---*/



/*-------------------------------
            NAVIGATION
--------------------------------*/
/*---
  Media queries? Y/N
---*/



/*--------------------------------
            BUTTONS
----------------------------------*/
/*---
  Media queries? Y/N
---*/

a.button, 
span.fl-button-text, 
span.uabb-button-text.uabb-creative-button-text, 
.gform_button.button, 
a.fl-button {

}



/*----------------------------------
            FOOTER
---------------------------------*/
/*---
  Media queries? Y/N
---*/


/*------------------------------
            BB MODULES
---------------------------------*/

/*---
  MODULE NAME
  Description of section
  Media queries? Y/N
---*/


/*------------------------------
            PAGE SPECIFIC 
---------------------------------*/

/*---
  PAGE NAME
  Description of section
  Media queries? Y/N
---*/



/*-------------------------------
        LARGE SCREENS ONLY
---------------------------------*/

@media screen and (min-width: 769px){ 


}


/*-------------------------------
        LAPTOP SCREEN - 1366
---------------------------------*/

@media screen and (max-width: 1366px){ 
    
    .hero-layout3 .hero-title{
        font-size: 60px;
    }
    
    .hero-layout3 .hero-subtitle {
        font-size: 31px;
    }
    
.vs-btn.style6, .vs-btn.style4 {
        font-size: 19px;
    }
    
.jay-reddy{
    left: -5.6rem;
}
    
.actions.coming-so {
    top: -50px;
    left: -30px;
}

.hero-layout3 {
        padding: 35px 0;
    }
    
h3.audio-title.watch-txt{
    font-size: 35px;
    top: 74px;
    
}

.abt-bc p.audio-meta{
    position: relative;
    top: 34px;
    font-size: 5px;
}

.abt-bc .audio-control{
    top: 14px;
    position: relative;
}

.hero-layout3 .hero-subtitle {
        font-size: 22px;
        width: 82%;
        letter-spacing: -0.02em;
    }

.shawn{
    font-size: 88px;
    margin-top: -99px;
}

.show{
    font-size: 60px;
    margin-top: -138px;
}

p.only.reveal.art-show.active{
    top: -168px;
}

.art-btn{
    top: -21rem;
}

.whatsapp-float{
    top: 29rem;
}

.justify-content-between {
    justify-content: left;
}

.main-menu a {
        font-size: 15px;
}

.hero-layout3 .hero-title {
        font-size: 73px;
    }
    
.jay-reddy {
        left: -8.6rem;
    }
    

.actions.coming-so {
        left: -76.5px;
    
}


.copyright-wrap{
    
}


.popupBox button.link-page{
    font-size:16px;
    font-weight:400;
}

.hero-layout3 .hero-subtitle{
    font-weight:400;
}


}


/*-------------------------------
      IPAD PRO SCREENS - 1024
---------------------------------*/

@media screen and (max-width: 1024px){ 
    
.hero-layout3 .hero-subtitle {
        font-size: 31px;
    }

}


/*--------------------------------
    TABLET SCREENS AND SMALLER
--------------------------------*/

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


}


/*-------------------------------
        MOBILE SCREENS ONLY
---------------------------------*/

@media screen and (max-width: 480px){ 

.hero-layout3 .hero-content{
        top: 0;
  }

 .hero-layout3 .hero-title {
        font-size: 48px;
    }

.hero-layout3 .hero-img{
   max-width: 160px;
}


.audio-style1 .audio-img.home-img{
    display: none;
}

  .jay-reddy {
    font-size: 32px;
    top: 11px;
    left: 0;
}

.hero-content .talking{
    display: block;
        top: 15px;
}


.audio-style1, .audio-style1 .audio-top, .audio-style1 .audio-control {
    display: block !important;
}

.coming-soon{
    right: 121px;
    top: 36rem;
}


.audio-style1 .audio-img{
    position: relative;
    top: -20px;
}

.audio-style1 .audio-img{
  top: 66px;
}

h2.podcast-title.reveal.join-txt.welcome.active{
    top: -12rem;
}

.podcast-title.join-txt a{
    font-size: 30px;
}

.shawn{
    font-size: 30px;
    margin-top: -13rem;
}

.show {
        font-size: 30px;
        margin-top: -12rem;
    }


.art-btn {
        top: -28rem;
        left: -13px;
    }
    
.podcast-style6 {
        margin-bottom: 12rem;
    }
    
p.only.reveal.art-show{
    top: -15rem;
    font-size:18px;
    position: relative;
}
    
 p.only.reveal.art-show.active {
    top: -15rem;
    font-size:18px;
    position: relative;
    }

}