/*********************************
  tablet size
  *********************************/ 


@media screen and (min-width: 480px) {
  /*********************************
  Page: contact
  *********************************/ 
  #pimary {
   width: 50%;
   float: left;
  }
  
  #secondary {
    width: 40%;
    float: right;
  }
    /*********************************
  3 * 5 = 15
  100 - 15 = 85
  85 / 3 = 28.33333333
  *********************************/ 
  #gallery li {
  float: left;
  width: 46%;
  margin: .5% .5% 2.5% .5%;
  background-color: #f5f5f5;
  color: #dbc3c7;
  }
  
  
   /*********************************
  Page: About
  *********************************/ 
  .profile-photo  {
    float: left;
    margin: 0 5% 80px 0;
  }
  }

  /*********************************
  Desktop Screen
  *********************************/ 

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

  /*********************************
  Page: Portfolio
  *********************************/ 
  #gallery li {
    width: 30.3333333%;
  }
  
  #gallery li:nth-child(4n) {
    clear: left;
  }


  
  /*********************************
  Header
  *********************************/ 
  nav {
   background: none;
    float: right;
    clear: right;
    font-size: 1.3em;
    margin-right: 5%;
    text-align: right;
    width: 45%; 
  }
  
    #logo {
    float: left;
    clear: left;
    margin-left: 5%;
    text-align: left;
    width: 45%;
  }
  
  h1 {
    font-size: 2.5em;
  }
  
  h2 {
    font-size: 0.825em;
    margin-bottom: 20px;   
  }  
  
  header {
    float: left;
    clear: left;
    border-bottom: 5px  solid #27272a;  
    margin-bottom: 60px;
  }

  /*********************************
  Page: Port
  *********************************/ 
  .Port {
  float: left;
  width: 100%;
  margin: 0 0 0 0;
  color: #777;
}

  .Port p {
  float: left;
  width: 73%;
  padding-top: 15px;
  margin: 0 16.5% 0 16.5%;
  text-align: auto;
  color: #2f3f4f;
}

Port h3 {
  padding-bottom: 20px;
  margin: 0 auto 20px;
  color: #333;
  font-weight: 100;
  font-size: 2.25em;
  text-align: center;
}
/*.Port h3 {
    float: left;
  width: 73%;
  padding-bottom: 20px;
  margin: 0 16.5% 0 16.5%;
  text-align: auto;
} */
  
  /*********************************
  Page: About

    .Port {
  float: left;
  width: 75%;
  margin: 0 12.5% 0 12.5%;
  color: #777;
  *********************************/ 
/*
    #about {
    float: right;
    clear: right;
    
  }
*/
  
}