.container{
  margin-left: auto;
  margin-right: auto;
}
.JP-80x0{
    background-color: rgba(200, 200, 200, .09);
    font-size: 12px;
    padding: 10px;
}

.JP-80x0-span{
    width:220px;
    margin: 10px;
}
.signin-container{
	padding-top:10px;
}

.form-signin {
  max-width: 300px;
  padding: 19px 29px 29px;
  margin: 0 auto 20px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {
  font-size: 16px;
  height: auto;
  margin-bottom: 15px;
  padding: 7px 9px;
}

.new-user-input{
    float: left;
    width:150px !important;
    margin-right: 10px;
}

.user-list-item{
    margin-bottom: 10px;
}

#what_cream_is p{
    line-height: 20px;
}

#what_cream_is .every-other{
    background-color: rgba(200, 200, 200, .09);
}

@media (min-width: 768px){
    .buytryspan2 {
        width: 102px;
    }
}

@media (max-width: 767px) {
    .span4 {
        width: 285px;
        display: block;
    }
    .span2 {
        width: 285px;
        display: block;
    }
    #feature_box_3 {
        width: 285px !important;
    }
    .buytryspan2 {
        width: 303px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .span4 {
        width: 285px;
        display: block;
    }
    .span2 {
        width: 285px;
        display: block;
    }
    #feature_box_3 {
        width: 285px !important;
    }
    .buytryspan2 {
        width: 100px;
    }
}