#content {
  background-color: rgb(129,129,129)!important;
  }
#maincode .wrapper {
  display: flex;  
  flex-flow: row wrap;
  font-weight: bold;
  text-align: center;
  overflow-x:hidden;
}

#maincode .wrapper > * {
  padding: 10px;
  flex: 1 100%;
  }

#jobpos{
  font-family:"Helvetica Neue", "Arial-black" !important;
  font-weight: 300 !important;
  padding-left: 4%; 
  display: inline;
}


#core{
    background-color: rgb(129,129,129);
  	font-size:4vw;
    font-family:"Arial-black", "Helvetica Neue";
    font-weight:800;
    /**alignment fix*/
    margin-left: 32.7% !important;
    text-align: left;
    margin-top:0px;
    padding-bottom:5vw;
    padding-top:5vw;
    margin-bottom:0px !important;
    color:white;
  }
  
  /*@media only screen and (max-width:1400px){
    #core{
    	font-size:55px;
    }
  }
  @media only screen and (min-width:1500px){
    #core{
      font-size:4vw;
    }
  }
  @media only screen and (max-width:1250px){
    #core{
  	font-size:48px;
    font-weight:800;
  }}
  @media only screen and (max-width:1150px){
    #core{
    font-size:40px;
    font-weight:800;
  }}
  @media only screen and (max-width:1000px){
    #core{
    font-size:32px;
    font-weight:800;
  }
  }
  @media only screen and (max-width:750px){
    #core{
    font-size:28px;
    font-weight:800;
  }
  }
   @media only screen and (max-width:500px){
    #core{
      font-size: 24px;
    }
  }*/
  @media only screen and (max-width:640px){
    #core{
    padding-bottom:5vw;
    padding-top:3vw;
    margin-left: 0 !important;
    text-align: center !important;
    font-size: 5.8vw;
    }
    .main p {
    	overflow-y:visible !important;
      	max-height:10000000000px !important;
    }
  }
 

.main {
  text-align: left;
  background: white;
}
  .main p{
  	color:rgb(110,110,110);
    font-weight:lighter;
    padding-left:5% !important;
  	padding-right:5% !important;
  	line-height:1.5em !important;
  }

.aside-1 {
  width:11%;
  padding: 0px 0px 0px 0px !important;
}
  @media all and (max-width:640px){
    #imgholder{
  	min-width:100vw;
  }
    .main p{
    	margin-top:0px;
    }
  }

@media all and (min-width: 641px) {
  #maincode .aside { flex: 1 auto; }
}
@media all and (min-width: 1100px) {
   .main p {
   	font-size:1.5em;
   }
}

@media all and (min-width: 641px) {
  #maincode .main    { flex: 3 0px; }
  #maincode .aside-1 { order: 1; } 
  #maincode .main    { order: 2; }
  #maincode .footer  { order: 4; }
}
  @media all and (max-width: 640px) {
  #maincode .main    { flex: 1 0px; }
  #maincode .aside-1 { order: 2; } 
  #maincode .main    { order: 3; }
  #maincode .footer  { order: 4; }
}
#bdpbio{
    background-color: rgb(129,129,129);
  	font-size:25px;
    font-family:"Helvetica Neue", Arial, sans-serif;
    color:white;
  font-weight:lighter;
    line-height:1.25;
    margin-top:0px;
    padding-bottom:30px;
    padding-top:30px;
    margin-bottom:0px !important;
    padding-right:14%;
    padding-left:14%;
  text-align:left;
  }
  
  @media only screen and (max-width:940px){
    #bdpbio{
    	font-size:21px;
    }
  }
  
  @media only screen and (max-width:700px){
    #bdpbio{
  	font-size:18px;
    font-weight:800;
  }
  }
  @media only screen and (max-width:550px){
    #bdpbio{
  	font-size:18px;
    font-weight:800;
  }
  }
  @media only screen and (max-width:480px){
    #bdpbio{
    	font-size: 16px;
    }
  }