html, body {
    background-color: black;;
    margin:0px;
    overflow: auto;
    
}

@media only screen 
and (min-device-width : 300px) 
    and (max-device-width : 736px)
  /*and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait)*/
{
    
#container{
    position:absolute;
    margin:0px;
    width:100%;  
    background-color: black;
   
}
    #agency_bandit{
        width:100%;
        height:200pt;
    }
/*------------------------------- M E N U ---------------------------*/
a{
    text-decoration: none;
    font-family: 'News Cycle';
    display: table;
    position:relative;
    margin:0 auto;
    text-align: center;
    color:white;
    }

#menu{
    display:block;
    position:fixed;
    background-color: black;
    width:100%;
    height:100%;
    opacity:0;
    }
#menubox_txt{
    position:absolute;
    bottom:6px;
    width:100%;
    font-family: 'News Cycle';
    color:white;
    text-align: center;
    
    }
#menu_richard{
    position:fixed;
    font-family: 'Istok Web', sans-serif;
    font-size:18px;
    width:100%;
    text-align: center;
    color:#666666;
    bottom:30px;
    }


.menubox{
    position:fixed;
    width:10%;
    }

    
.svg{
    display:block;
    position:relative;
    height:3px;
    padding-bottom: 6px;
    }
 
.svgline{
    stroke:white;
    stroke-width:5px;
    }
  
#menu-title{
    position:relative;
    float:right;
    text-align:left;
    top:5px;
    border-bottom: 1px solid white;
    padding-bottom: 3px;
    }
    
#menu-bar{
    position:absolute;
    height:50px;
    width:4px;
    right:0;
    top:10px;
    background-color: white;
    }

.menu-btn{
    font-family: 'News Cycle';
    display: table;
    position:relative;
    margin:0 auto;
    text-align: center;
    }

#menu_btn_1{
    content:'';
    position:absolute;
    top:11px;
    right:7%;
    opacity:0;
    display:none;
} 
/*
#menu_btn_1::after{
    content:'';
    position:absolute;
    width: 100%;
    height: 0;    
    left:0;
    bottom:2px;
    border-bottom: 3px solid white; 
}
*/
 
#menu_btns{
    position:fixed;
    font-family: 'News Cycle';
    font-weight: 300;
    color: white;
    left:0;
    text-align: center;
    width: 100%;
    
  
   
    /*border:1px solid white;*/
    }

    
#navbar{
	touch-action: none;
    position: fixed;
    width: 100%;
    height: 100%;
   
    background-color: rgb(0,0,0);
}
    
/*  ________________________________________   P A G E   ______________________________________________ */
    
#page_container{
    
    position:relative;
    width:100%;
    padding-bottom: 150%;
    background-color: black;
    
}
    
.img_pan{
    display:block;
    position:relative;
    padding-top:15%;
    padding-bottom:15%;
    width:100%;
}
    
.img_half{
    display:block;
    position: relative;
    width:70%;
    margin: 0 auto;
}
    
#image_container{ 
    position: relative;
    margin: 0 auto;
}
#bioImage{
    display:block;
    width:100%;
    height:auto;
    }


/*  ________________________________________    V I D E O   ______________________________________________ */
    
    
    


#vimeo_container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10;
     display: none; /* Ensure it is hidden initially */
}

#vimeo_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
}

#vimeo_player {
    position: relative;
    width:100%;
    min-height:33%;
    background-color: black;
    
}

.hidden {
    display: none;
}
    
    
    
    
    
    
    
    
#video_container{ 
    position: relative;
    margin: 0 auto;
    padding-bottom: 15vh;
}
    
.video_box_h{
    position:relative;
    width:100%;
    background-color: black;
    overflow: hidden;
    }

.video_box_v{
    position:relative;
    width:100%;
    background-color: black;
    overflow: hidden;
    }

.video_img_h{
    display:block;
    position:absolute;
    left:0;
    top:0;
    }

 .video_img_h{
    display:block;
    position:absolute;
    left:0;
    top:0;
    }   
    
.playbtn{
    position:absolute;
    height:40px;
    width:40px;
    background-color: white;
    left:0;
    bottom:0;
    }
.playbtn2{
    position:absolute;
    height:40px;
    width:140px;
    background-color: white;
    left:46px;
    bottom:0px;
    }
.watchIcon_square{
    position:absolute;
    width: 16px;
    height: 16px;
    top:12px;
    left:7px;
    background-color: black;
    }
.watchIcon_triangle{
    position:absolute;
    width: 0;
    height: 0;
    top:12px;
    left:17px;
    border-top: 8px solid transparent;
    border-right: 16px solid black;
    border-bottom: 8px solid transparent;
    }
    
.play_triangle{
      position:relative;
      margin:0 auto;
      width: 0;
      height: 0;
      margin-top:12px;
      border-top: 8px solid transparent;
      border-left: 16px solid black;
      border-bottom: 8px solid transparent;
      
}


.video_txt{
    margin-top:15px;
    font-family: 'News Cycle';
    font-weight: 300;
    color: white;
    font-size: 16pt;
    padding-bottom: 80px;
    letter-spacing:1px;
}   

.video_txt_last{
    padding-bottom: 0px;
    }

.video_txt_gry{
    color:#444444;
     letter-spacing:0px;
    }    
.iframe_videos{
        display:none;
        position: absolute;
        top: 50%; 
        left: 50%; 
        transform: translate(-50%, -50%); 
        width:0px;
        height:0px;
 }



    
/*  ________________________________________    F O O T E R   ______________________________________________ */
    
    
#footer{
    position:fixed;
    bottom:20pt;
    font-family: 'Istok Web', sans-serif;
    font-size:8pt;
    color:#444444;
    text-align:center;
    width:100%;
    }
}

/*  ________________________________________   P A G E   ______________________________________________ */
    
#intro{
    position:fixed;
    width:100%;
    height:100%;
    background-color: black;
    }

#intro_title{
    position:absolute;
    width:100%;
}
#richard{
    position:relative;
    font-family: 'News Cycle';
    font-weight: 300;
    color: white;
    font-size: 12pt;
    letter-spacing: 2pt;
    text-indent: 2pt;
    width:100%;
    text-align:center;
    opacity:0;
}

#richard_title{
    position:relative;
    font-family: 'Istok Web', sans-serif;
    font-weight: 300;
    margin-top:6pt;
    color: #555555;
    font-size: 15pt;
    width:100%;
    text-align:center;
    opacity:0;
}


/*---------------------------------- T E X T S  ---------------------------*/

.headlineTXT{
    font-family: 'News Cycle';
    font-weight: 500;
    font-size:17pt;
    color: white;
    padding-bottom: 30pt;
    letter-spacing: 1pt;  
}

.bodyTXT{
    font-family: 'Istok Web' ;
    color: #aaaaaa;
    font-weight: 300;
    font-size: 15pt;
    line-height: 130%;
    
}

.pressLink{
    display:inline-block;
    text-align: left;
    margin:0;
    padding-bottom:5pt;  
}

.agency_txt{
    position: relative;
    display:inline-block;
    color:white;
    padding: 4pt 0 2pt 0 ;
   
    font-family: 'Istok Web', sans-serif;
    font-size:14pt;
    font-weight: 100;
    text-align: left;
}

#agency_footer{
    position:relative;
    margin-top:40pt;
    border-top:1px solid #666666;
    width:100%;
}
#agency_tel{
    position:relative;
    float:right;
}
#agency_web{
    position:relative;
    float:left;
}





/*---------------------------------- O L D   T O W N ---------------------------*/

#polaroid{
        position:relative;
        margin-top:130px;
        margin:0 auto;
        overflow:hidden;
    
}
.img_pol_l{
          position:relative;
          display:block;
          float: left;
          width:47.5%;
          padding-top: 5%;
      }
 
.img_pol_r{
          display:block;
          position:relative;
          float: right;
          width:47.5%;
          padding-top: 5%;
      }
    
#img_pol_RIGHT{
          padding-top: 50%;
      }

.img_mobile{
    position:relative;
    
}

.titleTXT{
    font-family: 'News Cycle' ;
    font-weight: 400;
    color: white;
    font-size: 15px;
    letter-spacing: 1px;
}
#richardText{
    position:absolute;
    font-family: 'News Cycle' ;
    font-weight: 400;
    color: white;
    font-size: 15px;
    letter-spacing: 1px;
    text-align: left;
    top:2.0%;
    left:12.50%;

}
.subTXT{
    font-family: 'News Cycle' ;
    font-weight: 400;
    color: #aaaaaa;
    font-size: 15px;
    letter-spacing: 1px;  
}



.whiteTXT{

    font-family: 'News Cycle' ;
    font-weight: 700;
    color: white;
    margin:0px;
    overflow:hidden;
    font-size: 22px;
    letter-spacing: 1px;
}
.grayTXT{
    font-family: 'News Cycle' ;
    font-weight: 400;
    color: #aaaaaa;
    font-size: 20px;
    letter-spacing: 1px;  
}

.whiteTitleTXT{
    font-family: 'News Cycle' ;
    color: #ffffff;
    font-weight: 500;
    font-size: 17px;
    } 

.pressW{
    position:relative;
    width:100%;
    font-family: 'Istok Web' ;
    font-weight: 300;
    text-decoration: underline;
    color: white;
    font-size: 17px;
   line-height: 150%; 
}

.pressW2{
    text-decoration: none;
}

.pressG{
    font-family: 'Istok Web' ;
    padding-bottom: 50px;
    font-weight: 300;
    color: #aaaaaa;
    font-size: 17px;
   line-height: 150%;

}
.bioLink{
    display: inline-block;
    text-decoration: underline;
    color:#cccccc;
    
}
.watchLinkDiv{
    position:relative;
    width:100%;
    height:40px;
    background-color: #222222;
    margin-bottom: 80px;
    
    }
.watchOnlineIcon{
    position:absolute;
    height:40px;
    width:40px;
    left:0;
    top:0;  
    }
.watchLinkCaption{
    font-family: 'News Cycle' ;
    position:absolute;
    left:40px;
    top:0;
    letter-spacing: 0px;
    line-height:40px;
    color:black;
    font-size:11pt;
    }
.watchIcon{
    display:block;
    height:40px;
    width:auto;  
}
.bioTXT{
    line-height: 1.35em;
    font-size: 1.1em;
}

/*------------------------------- F L E X --------------------------------*/

.flexCSS{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
/*------------------------------- T E X T --------------------------------*/

.headline2{
    font-family: 'Istok Web', sans-serif;
    font-size:16pt;
    font-weight: 100;
    color:white;
}
.textLink{
    font-family: 'Istok Web', sans-serif;
    font-size:16pt;
    font-weight: 100;
    color:white;
    color:#aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    padding-bottom: 2px;
    
}
.connectDiv{
    padding-bottom: 5vh;
}

/*------------------------------- A G E N C Y --------------------------------*/



#agencyTitle{
    font-family: 'News Cycle',sans-serif ;
    padding-bottom: 5vh;
    
}

.agentDiv{
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items:flex-start;    
    padding-top: 3vh;
    padding-bottom: 3vh;
    border-top:1px solid #666666;
}
.agentDivL{
    display: flex;
    flex-direction: column;

}
.agentDivR{
    display: flex;
    flex-direction: row;
}


.agentName{
    font-family: 'News Cycle',sans-serif ;
    font-size:21px;
    color:white;
    margin-bottom: 0.3vh;
    letter-spacing: 0.5px;
    

}

.agencyDept{
    font-family: 'Istok Web', sans-serif;
    font-size:20px;
    color:#aaaaaa;
    margin:0px;
    padding: 0px;
    line-height: 1.2;

}

.contactIcon{
    color:white;
    border:1px solid white;
    border-radius: 100%;
    width:36px;
    height:36px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left:6px;
}

.fa{
    font-size:18px;
    color:white;
    text-align: center;
}
.fa-envelope{
    font-size:20px;
}