@charset "UTF-8";
@import url("../webfonts/stylesheet.css");


/*----------------------- Reset ------------------------------ */

* {
  margin: 0;
  padding: 0;
}
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

/*----------------------- Fonts ------------------------------ */

body, input {
  font-family: 'Piz Grotesk', Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 500;
  color: #000;
}

h1  {
  font-size: 6em;
  font-weight: 500;
  margin-bottom: 0.3em;
  /*margin: 1em 0 0.5em 0;*/
	/*letter-spacing: 0.05em;*/
	/*line-height: 1.4em;*/
	/*border-bottom: 1px solid #000;*/
	/*margin-top: 0em;*/
  /*display: inline-block;*/
}

h2  {
  font-size: 2em;
  font-weight: 500;
  display: inline-block;
  line-height: 1.4em;

}

p, ul, ol {
	font-size: 1em;
	line-height: 1.4em;
  font-weight: 500;
	margin: 0 0 1em 0;
}

/*p + p {
  margin-top: 1em;
}*/

ul, ol {
  padding-left: 2em;
}

/*----------------------- Elements ------------------------------ */

/*article {
  max-width: 900px;
}*/

.module {
  padding: 1em;
}

article.module__project {

}

footer {
  background-color: black;
  color: white;
}

section {
  padding-bottom: 2em;
}

section img {
  width: 100%;
  height: auto;
}

/*section p {
  padding-right: 0.5em;
}*/

@media screen and (min-width: 60em) {
  article.module__project {
    width: 960px;
    margin: 3em auto 3em auto;
  }
  footer {
    width: 100%;
  }
  footer section {
    width: 960px;
    margin: 0 auto 0 auto;
  }
}

@media screen and (min-width: 35em) {
  p {
    margin: 0 1em 1em 0;
  }
}