* {
  box-sizing: border-box;
}

body {
  padding: 0;
  margin: 0;
  font-family: Arial, sans-serif;
}

/* For mobile phones: */
p {
  font-size: 1.1em;
  line-height: 1.6em;
}

.main {
  width: 80%;
  max-width: 1000px;
  /*border: 1px solid red;*/
  padding-top: 5px;
  margin: 0 auto;
}

.portrait {
  width: 100%;
  max-width: 600px;
  height: auto;
  margin-bottom: 0;
}

.contact {
  margin-top: 20px;
}

a, h1, h2, strong {
  color: #2F41A7;
}

/* Changes for desktop: */
@media only screen and (min-width: 768px) {
  h1 { font-size: 2.4em; }
  h2 { font-size: 1.8em; }
	p {
	  font-size: 1.3em;
	  line-height: 1.6em;
	}
  .main { margin-top: 30px; }
}

@media only screen and (max-width: 480px) {
  h1 { font-size: 1.4em; }
  .main {
    width: 92%;
    padding-left: 12px;
    padding-right: 12px;
  }
  p {
    line-height: 1.5em;
  }
  .contact {
    margin-top: 16px;
  }
}