.bioWrap{
    width:100%;
    background:#fdc057;
    padding:2% 0 0 0;
    font-size:0;
}


.bioBlock{
    display:inline-block;
    vertical-align:top;
    width:100%;
    padding:5% 5% 0 5%;
    text-align: center;
}

.bioBlock:last-child{
    padding-bottom:5%;   
}




.bioHeaderWrap{
    width:100%;
    text-align:center
}

.bioHeaderWrap h2{
    margin-bottom:0;
}
        

.bioImage{
    text-align:center;
}

.bioImage img{
    width:70%;
    margin:0 auto;
    padding-bottom:15px;
}

.bioBlock h3{
    font-size:18px;
    font-family: 'hn-Bold','Helvetica Neue', 'Helvetica', 'Arial',sans-serif;
    padding-bottom:0;
    margin-bottom:0;
    line-height:22px;
}

.bioBlock h4{
    font-size:14px;
    font-family: 'hn-Bold','Helvetica Neue', 'Helvetica', 'Arial',sans-serif;
    line-height:18px;
    padding-bottom:10px
}

.bioBlock p{
    font-size:16px;
    margin-bottom:2%;
    text-align:left;
    line-height:1.75;
}

.headerImg{
        height:300px;
        background-size:cover;
        background-position:center center;
        background-repeat:no-repeat;
        display:inline-block;
        width:100%;
        vertical-align: middle;
    
}
    
    
    
    
    @media only screen and (min-width : 768px) { 
        .headerImg{
            height:400px;
        }
        
        .bioBlock{
            width:50%;
        }
    }
        
        
        
    @media only screen and (min-width : 1300px) {  
        .headerImg{
            height:600px;
            
        }
        
        .bioBlock{
            width:calc(100% / 3);
        }
    }


/*modal window for bios*/
.bioCopy{
    display:none;
}

.bioClick{
    cursor: pointer;
    
}

.popWrap {
    /* some styles to position the modal at the center of the page */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 600px;
    max-width:98%;
    height: 700px;
    margin:auto;
    background-color: #ffffff;
    text-align: center;
    z-index:3001;
    padding:30px;
    overflow-y:scroll;
}

.popWrap h4{
    line-height:16px;
    padding-bottom:15px
    
    
}

.popWrap img{
    max-width:200px;
    padding-bottom:20px;
}

.popClose{
    position:absolute;
    top:10px;
    right:10px;
    cursor: pointer;
}

.popClose i.popCloseX{
    font-size:30px;
    color:#ccc;
}

.bioLinkedIn img{
    max-width:32px;
}

.overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
    background-color: rgba(0,0,0,0.5); /*dim the background*/
    cursor:pointer;
    
}

.popLinkedInLink{
    text-align:center;
    width:100%;
    padding-top:30px;
}

.popLinkedInLink img{
    width:32px;
    margin:0 auto;
}

.closeMe{
    font-size:28px;
}