/*********************************
  MEDIA QUERY
  *********************************/

@media screen and (max-width: 480px) {
 
  /*********************************
  TWO COLUMN LAYOUT
  *********************************/
  
  #primary {  
 margin-left:30px;
  }
  
    #secondary {
margin-top:300px;
margin-right:140px;
    
    }
 
  nav {
  text-align: center;
  padding: 20px 0;
  margin-top: 0px;
}
  
  nav ul {
  list-style: none;
  margin: 0 20px;
  padding: 0;
}
  
  nav a {
 font-size:2em;
  padding: 15px 10px 10px 10px;
}
  
  
  .slide-show {  
  margin: 50px;
  margin-left: -27px;
  min-width: 325px;
  min-height: 200px;
  max-width: 325px;
  max-height: 200px;
  
  }
  
  #upload {
  margin-top:-150px;
  }

#logo2{
  margin-left: 90px;
  display:block;
  max-width: 150px;
  align-content: center;
  text-align:left
}
  
body {  
background-color:white;
    background-attachment: fixed;
}
  /*********************************
  3*5 = 15
  100-15 = 85 / 3 = 28.333333333
  *********************************/
  
  /*********************************
  PAGE: PORTFOLIO
  *********************************/
  
  #gallery li {
    width: 28.33333333%;
    }
  
  #gallery li:nth-child(4n) {
    clear:left;
  }
  
  
  /*********************************
  PAGE: ABOUT
  *********************************/
  
  .profile-photo {
    float: left;
    margin: 0 5% 80px 0;
  }  
 }


 

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

  
  /*********************************
  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: 45%;
  }
  
  h1 {
    font-size: 2.5em;
  }
  
  h2 {
    font-size: 0.825em;
    margin-bottom: -20px;
  }
  
  header {
    border-bottom: 5px solid red;
    margin-bottom: 80px;
  }
}
 #primary {  
    width: 50%;
    float: left;
  }
  
  #secondary {
    width: 40%;
    float: right;
    }
	
.pinput1{
	display: flex;
	margin: 0 0 5px;
	width: 100%;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: 0 0;
	direction: ltr;
	font-size: 1.75em;
	font-family: Arial,Helvetica,sans-serif;
	text-align: center;
	background-color: lightblue;
}
.pinput2{
	min-width: 180px;
	max-width: 980px;
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: 0 0;
	direction: ltr;
	font-size: 1.25em;
	font-family: Arial,Helvetica,sans-serif;
}