@media screen and (max-width: 422px) {
	h2 {
		font-size: .8em;
	}
}

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

  /**************************************************
  TWO COLUMN LAYOUT
  **************************************************/
  
  #primary {
    width: 50%;
    float: left;
  }
  
  #secondary {
    width: 40%;
    float: right;
}


  
   
  /**************************************************
  PAGE: ABOUT and PUBLICATIONS
  **************************************************/
  
  .profile-photo {
    float: left;
    margin: 9px 5% 15px 0;
  }
  
  
  .book-photo {
    float: right;
    margin: 0 0 20px 30px;
	}
}

@media screen and (min-width: 1140px) {  
 
   /**************************************************
  Main Nav
  **************************************************/
 nav li {
  display: inline-block;
}
nav a {
	  padding: 5px 10px;
	  }
h1,
h2 {
	font-size: 2.3em;
}
h2 {
	font-size: 1.2em;
} 
}

@media screen and (max-width: 800px) {
	#publicationsPhoto {
		max-width: 100%;
	}
}

  
@media screen and (min-width: 1381px) {
    
  /**************************************************
  HEADER
  **************************************************/
    
   nav {
      background: none;
      float: right;
      font-size: 1.125em;
      margin-right: 5%;
      text-align: right;
      width: 55%;
    }
	
	   
    #logo {
      float: left;
      margin-left: 5%;
      text-align: left;
      width: 35%;
    }
   
    h1 {
      font-size: 2.5em;
    }
    
    h2 {
      font-size: .96em;
      margin-bottom: 20px;
    }
    
    header {
      border-bottom: 5px solid #004C4C;
      margin-bottom: 60px;
	}
}