@media screen and ( min-width:600px )  {
    /**********************************
TWO COLUMN LAYOUT
***********************************/
#primary {
    width: 50%;
    float: left;
}
#secondary {
    width: 40%;
    float: right;
}

 /**********************************
PAGE:HOME
***********************************/
#gallery li {
    width: 28.3333%;
}

#gallery li:nth-child(4n) {
    clear: left;}

    #gallery li:nth-child(5n) {
        clear: right;}
}
/**********************************
PAGE: about
***********************************/
.profile-pic {
    float: left;
    margin: 0 5% 80px 0;
}

/**********************************
PAGE: login
***********************************/
span.psw {
    display: block;
    float: none;
}
.cancelbtn {
    width: 100%;
}



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

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



 #fullName,  #mail, #phone, #address{
    width: 400px;
    }
    .error{
        display: block;
        color: red;
    }













    
    }