/*
 * Base structure
 */

/* html and body elements */
html,
body {
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.bg-wrapper {
  /* The image used */
  background-image: url("../img/home-bg.jpeg");
  background-attachment: fixed;
  background-position: center -60px;
  background-repeat: no-repeat;
  background-size: cover;

  padding: 0;
  margin-bottom: -20px;
}

.texture-wrapper {
  width: 100%;
  /* height: 100%; */
  background-image: url(../img/texture.png);
  transition: background-color 2s ease-in;
  background-color: rgb(250, 250, 250);
}

.site-wrapper {
  text-align:center;
  padding: 0;
}

.content-container {
  margin: 0 14% 0 14%;
  padding: 30px 10px 20px 10px;
  text-align: justify;
  font-size: 1em;
}

/* footer */
.mastfoot {
  margin: 40px auto 0 auto;
}

@media screen and (max-width: 1200px) {
  .content-container {
    margin: 0 9% 0 9%;
  }
}


@media screen and (max-width: 900px) {
  .content-container {
    margin: 0 7% 0 7%;
  }
}

@media screen and (max-width: 600px) {
  .content-container {
    margin: 0 4% 0 4%;
  }
}