body {
  /*background-image: url('../img/concrete_wall_3.png');*/
  /*background-image: url('../img/lightpaperfibers.png');*/
  /*background-image: url('../img/light_wool.png');*/
}
.account dt {
  display: inline-block;
  width: 145px;
}
.account dd {
  display: inline-block;
}
.radio strong{
  width: 80px;
  display: inline-block;
}
.wd-main-container {
  margin-top: 20px;
}
.wd-hero-main {
  background-color: black;
  color: #33FF00;
  font-family: monospace;
  word-wrap: break-word;
}
.marketing {
  text-align: center;
}
.center {
  text-align: center;
}
.marketing h1 {
  font-size: 3.5em;
  font-weight: 200;
}
.about-body {
  max-width: 100%;
}
.box-flex {
  display: flex;
}
.login-register-form {
  margin-left: auto;
  margin-right: auto;
}
.delete-button {
  font-size: 22px;
}
#my-awesome-dropzone {
  margin: 30px 0;
  -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.13);
  box-shadow: 0 0 50px rgba(0,0,0,0.13);
  padding: 4px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#my-awesome-dropzone .dropzone {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dropzone {
  border: 1px solid rgba(0, 0, 0, 0.03);
  min-height: 360px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.03);
  padding: 23px;
}

#filedrag
{
  display: none;
  font-weight: bold;
  text-align: center;
  padding: 1em 0;
  margin: 1em 0;
  color: #555;
  border: 2px dashed #555;
  border-radius: 7px;
  cursor: default;
}
#filedrag.hover
{
  color: #f00;
  border-color: #f00;
  border-style: solid;
  box-shadow: inset 0 3px 4px #888;
}
.helptext {
  color: #666666;
  margin-top: 50px;
}

.span-facebook {
  width: 57px;
}
.hidden {
  display: none;
}
.letterpress {
  text-shadow: 0 1px rgba(255, 255, 255, 0.9);
}
ul#pricing {
  display: block;
}
#pricing {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#pricing .plan {
  background-color: #EEEEEE;
  float: left;
  width: 200px;
  border: 1px solid #DDDDDD;
  text-align: center;
  padding: 10px;
}
#pricing .plan.first {
  margin-left: 0px;
  border-right: 0;
}
#pricing .main {
  background-color: #FEFEFE;
  /*padding-top: 25px;
  padding-bottom: 40px;
  margin-top: -20px;*/
  width: 200px;
}
#pricing .plan .price {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
}
#pricing .plan hr {
  margin: 10px 0;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #EEEEEE;
}

@media only screen and (min-width: 250px) {
  ul#pricing {
    display: block;
    margin-left: 1.5%;
  }
}

@media only screen and (min-width: 260px) {
  ul#pricing {
    display: block;
    margin-left: 2.58%;
  }
}

@media only screen and (min-width: 270px) {
  ul#pricing {
    display: block;
    margin-left: 3.66%;
  }
}

@media only screen and (min-width: 280px) {
  ul#pricing {
    display: block;
    margin-left: 4.74%;
  }
}

@media only screen and (min-width: 290px) {
  ul#pricing {
    display: block;
    margin-left: 5.82%;
  }
}

@media only screen and (min-width: 300px) {
  ul#pricing {
    display: block;
    margin-left: 6.9%;
  }
}

@media only screen and (min-width: 310px) {
  ul#pricing {
    display: block;
    margin-left: 7.98%;
  }
}

@media only screen and (min-width: 320px) {
  ul#pricing {
    display: block;
    margin-left: 9.06%;
  }
}

@media only screen and (min-width: 330px) {
  ul#pricing {
    display: block;
    margin-left: 10.14%;
  }
}

@media only screen and (min-width: 340px) {
  ul#pricing {
    display: block;
    margin-left: 11.22%;
  }
}

@media only screen and (min-width: 350px) {
  ul#pricing {
    display: block;
    margin-left: 12.3%;
  }
}

@media only screen and (min-width: 360px) {
  ul#pricing {
    display: block;
    margin-left: 13.38%;
  }
}

@media only screen and (min-width: 370px) {
  ul#pricing {
    display: block;
    margin-left: 14.46%;
  }
}

@media only screen and (min-width: 380px) {
  ul#pricing {
    display: block;
    margin-left: 15.54%;
  }
}

@media only screen and (min-width: 390px) {
  ul#pricing {
    display: block;
    margin-left: 16.62%;
  }
}

@media only screen and (min-width: 400px) {
  ul#pricing {
    display: block;
    margin-left: 17.7%;
  }
}

@media only screen and (min-width: 410px) {
  ul#pricing {
    display: block;
    margin-left: 18.78%;
  }
}

@media only screen and (min-width: 420px) {
  ul#pricing {
    display: block;
    margin-left: 19.86%;
  }
}

@media only screen and (min-width: 430px) {
  ul#pricing {
    display: block;
    margin-left: 20.94%;
  }
}

@media only screen and (min-width: 440px) {
  ul#pricing {
    display: block;
    margin-left: 22.02%;
  }
}

@media only screen and (min-width: 450px) {
  ul#pricing {
    display: block;
    margin-left: 23.1%;
  }
}

@media only screen and (min-width: 460px) {
  ul#pricing {
    display: block;
    margin-left: 24.18%;
  }
}

@media only screen and (min-width: 470px) {
  ul#pricing {
    display: block;
    margin-left: 25.26%;
  }
}

@media only screen and (min-width: 480px) {
  ul#pricing {
    display: block;
    margin-left: 26.34%;
  }
}

@media only screen and (min-width: 490px) {
  ul#pricing {
    display: block;
    margin-left: 27.42%;
  }
}

@media only screen and (min-width: 500px) {
  ul#pricing {
    display: block;
    margin-left: 28.5%;
  }
}

@media only screen and (min-width: 510px) {
  ul#pricing {
    display: block;
    margin-left: 29.58%;
  }
}

@media only screen and (min-width: 520px) {
  ul#pricing {
    display: block;
    margin-left: 30.66%;
  }
}

@media only screen and (min-width: 530px) {
  ul#pricing {
    display: block;
    margin-left: 31%;
  }
}

@media only screen and (min-width: 570px) {
  ul#pricing {
    display: block;
    margin-left: 14%;
  }
}


@media only screen and (max-width: 600px) {
  #pricing .plan.first {
    margin-left: 0px;
    border-right: 0;
  }
  #pricing .main {
    background-color: #FEFEFE;
    padding-top: 25px;
    padding-bottom: 40px;
    margin-top: -20px;
    width: 200px;
  }
}
.about-main {
  word-wrap: break-word;
}


footer {
  margin: 30px;
  text-align: center;
}

/* set a max-width for horizontal fluid layout and make it centered */
/*.container {  
  max-width: 940px;
}*/

.input-append {
  text-align: center;
}

.tooltip {
  z-index: 1060;
}