body{
  width: 85%;
  margin: 0 auto;
}
.nav-opt{
  font-size: 15px;
  padding-right: 20px;
}
.menu{
  display: none;
}
.active.menu{
  display:block;
}
h1{
  font-size: 30px;
  padding-top: 50px;
}
h2{
  font-size: 30px;
}
}
h3{
  font-size: 20px;
}
.form-container{
  padding-top: 30px;
}
.hamburger{
  text-align: right;
  float:right;
}
img{
  margin: 0 auto;
  width: 100%;
}
p{
  font-size: 15px;
}
#back-hidden{
  color:white;
}
.button{
  font-size: 20px;
  width: 40%;
  display: block;
  margin-top: 30px;
  background-color: darkgrey;
  color: black;
  padding: 10px;
  text-align: center;
}
#button-2{
  width: 70%;
  margin-top: 0;
  margin-bottom: 50px;
}
#btn-photo{
  text-align: left;
  width: 40%;
  background-color: white;
  margin-bottom: 0;
}
.form, .filters, textarea{
  border: 2px solid darkgrey;
  width: 90%;
  font-size: 15px;
}
.filters{
  margin-bottom: 20px;
}
.attach{
  font-size: 50px;
}
.nav-container{
  font-size: 30px;
  margin-top: 20px;
}
#back, #hamburger{
    display: inline;
}
.footer{
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 6px;
  background-color: lightgrey;
  text-align: center;
}
a:link{
  text-decoration: none;
}
a:visited{
  text-decoration: none;
  color:darkblue;
}
.img-container{
  margin: 0 auto;
}
.label{
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center;
}
.bottom-container{
  margin-bottom: 100px;
}
@media screen and (min-width: 600px) {
    body{
      width: 90%;
    }
    h1{
      font-size: 100px;
      text-align: center;
    }
    h2{
      font-size: 50px;
      text-align: center;
    }
    h3{
      font-size: 30px;
      text-align: center;
    }
    p{
      text-align: center;
      font-size: 20px;
    }
    .nav-container{
      margin-top:30px;
    }
    .form-container{
      text-align: center;
    }
    .form, .filters, textarea{
      border: 2px solid darkgrey;
      width:60%;
      margin: 0 auto;
      font-size: 30px;
    }
    .textarea-container{
      text-align: center;
    }
    textarea{
      text-align: center;
    }
    .tag-container{
      margin: 0 auto;
      text-align: center;
      margin-bottom: 50px;
    }
    .filters{
      font-size: 20px;
      width: 30%;
    }
    .tags{
      display: inline;
      margin-right: 10px;
    }
    .button{
      width: 20%;
      margin: 0 auto;
      margin-top: 30px;
    }
    #button-2{
      width: 20%;
    }
    .img-container{
      width: 30%;
      margin: 10px;
      float: right;
    }
    .img-detail{
      width: 40%;
      display:inline;
    }
    .item-container{
      display: inline-block;
      width: 40%;
      vertical-align: top;
      margin-left: 50px;
    }
    .item-label{
      text-align: left;
    }
    .footer-text{
      margin: 20px;
      font-size: 15px;
    }
    .nav-opt{
      font-size: 20px;
    }
    #btn-photo{
      text-align: center;
    }
}