#nav {
   position: relative;
   left: 5px;
}

body {
  text-align: center;
 }

#page-wrap {
  text-align: left;
  width: 800px;
  margin: 0 auto;
}


img{
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.content {
    max-width: 500px;
    margin: auto;
}

/*resizing for tablets*/
@media screen and (max-width: 768px) { 
    .container{
        width:95%;
    }
    
    #logo { color: deeppink; }
}
    
/*resizing for mobile*/
    @media screen and (max-width: 480px) { 
        .container { width: 95%;
        }
        .content { 
            text-align: center; margin: 20px 10px; 
        }
        #logo{ color: #FF00FF; }
    }

.field {
  font-size: 15px;
  display: block;
  padding: 5px 10px;
  margin: 10px auto;
  border: 1px solid grey;
  border-radius: 3px;
  width: 210px;
}
.button {
  font-size: 14px;
  border: 1px solid grey;
  padding: 5px 10px;
  border-radius: 3px;
}