/*
	Miniport by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

body,
input,
textarea,
select {
  font-size: 13pt;
}

h1 {
  font-size: 3.25em;
  letter-spacing: -0.025em;
}

h2 {
  font-size: 2em;
  letter-spacing: -0.015em;
}

h3 {
  font-size: 1.5em;
  letter-spacing: -0.015em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0.75em 0;
}

header {
  margin: 0 0 3em 0;
}

header > p {
  font-size: 1.25em;
  margin: 0;
}

footer {
  margin: 1em 0 0 0;
}

footer > p {
  font-size: 1.25em;
}

/* Form */

form {
}

form .button {
  margin: 0 0.5em 0 0.5em;
}

/* Button */

input[type="button"],
input[type="submit"],
input[type="reset"],
.button {
  padding: 1em 2.35em 1em 2.35em;
  font-size: 1.1em;
}

input[type="button"].big,
input[type="submit"].big,
input[type="reset"].big,
.button.big {
  font-size: 1.5em;
  letter-spacing: -0.025em;
}

input[type="button"].small,
input[type="submit"].small,
input[type="reset"].small,
.button.small {
  padding: 0.5em 1.5em 0.5em 1.5em;
  font-size: 0.9em;
}

/* Box */

.box {
  padding: 2em;
}

.box.style1 {
  padding: 3em 2em 3.5em 2em;
}

.box.style1 h3 {
  margin-bottom: 0.5em;
}

.box.style2 {
}

.box.style2 h3 {
  margin-bottom: 0.25em;
}

.box.style2 .image {
  position: relative;
  left: 2em;
  top: 2em;
  margin: -4em 0 4em -4em;
  width: auto;
}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

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

.wrapper.first {
  padding-top: 12em;
}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

#nav {
}

#nav a:hover {
  background: #383838;
}

#nav a:active {
  background: #484848;
}

#nav a {
  padding: 0.2em 1em 0.2em 1em;
  margin: 0.6em 0.2em 0.6em 0.2em;
  font-weight: 600;
  border-radius: 8px;
  -moz-transition: background-color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  color: #fff;
}

/*********************************************************************************/
/* Articles                                                                      */
/*********************************************************************************/

#top {
  text-align: left;
}

#top .image {
  width: 10em;
  height: 9em;
  margin: 0;
  float: right;
}

#top h1 {
  margin-top: 0.35em;
}

#top p {
  font-size: 1.5em;
  line-height: 1.75em;
}

#contact {
}

#contact footer {
  font-size: 0.9em;
}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

#copyright {
  font-size: 1em;
  line-height: 1em;
}

#copyright li {
  display: inline-block;
  border-left: solid 1px rgba(0, 0, 0, 0.5);
  box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
  padding: 0 0 0 1em;
  margin: 0 0 0 1em;
}

#copyright li:first-child {
  border: 0;
  box-shadow: none;
  padding-left: 0;
  margin-left: 0;
}