@font-face {
  font-family: "Johann";
  src: url(../fonts/JohannGrotesk_v1.5-A-400.otf);
  font-weight: 400;
}

@font-face {
  font-family: "Johann";
  src: url(../fonts/JohannGrotesk_v1.5-A-470.otf);
  font-weight: 500;
}

@font-face {
  font-family: "Johann";
  src: url(../fonts/JohannGrotesk_v1.5-A-553.otf);
  font-weight: 600;
}

@font-face {
  font-family: "Johann";
  src: url(../fonts/JohannGrotesk_v1.5-A-651.otf);
  font-weight: 700;
}

@font-face {
  font-family: "Johann";
  src: url(../fonts/JohannGrotesk_v1.5-A-765.otf);
  font-weight: 800;
}

@font-face {
  font-family: "Johann";
  src: url(../fonts/JohannGrotesk_v1.5-A-900.otf);
  font-weight: 900;
}

* {
   margin: 0;
   padding: 0;
}

/* line 38, ../sass/style.scss */
html, body, h1, h2, h3, h4, section, article {
  margin: 0;
  padding: 0;
  font-family: "Johann";
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* line 44, ../sass/style.scss */
h1 {
  color: #0619bf;
  font-weight: 900;
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
}

/* line 51, ../sass/style.scss */
h2 {
  color: #ec6b69;
  font-size: 26px;
  font-weight: 600;
  max-width: 620px;
}


/* line 57, ../sass/style.scss */
p {
  color: #333333;
  font-size: 22px;
  font-weight: 400;
  line-height: 31px;


}

p + p {
	text-indent: 33px;
}

/* line 61, ../sass/style.scss */
div.border {
  margin: auto;
  width: 90px;
  height: 5px;
  background-color: #0619bf;
  margin-top: 25px;
  margin-bottom: 25px;
}

/* line 70, ../sass/style.scss */
section {
  margin-top: 100px;
}
/* line 73, ../sass/style.scss */
section article {
  padding: 0px 20px;
  margin: auto;
  max-width: 620px;
}
/* line 78, ../sass/style.scss */
section#header {
  height: 500px;
  width: 100%;
  background-image: url(../images/header.png);
  background-size: cover;
  margin-top: 0px;
  text-align: center;
}
/* line 85, ../sass/style.scss */
section#header h1:first-of-type {
  padding-top: 150px;
}
/* line 88, ../sass/style.scss */
section#header h1 {
  font-size: 93px;
  letter-spacing: 1px;
}
/* line 91, ../sass/style.scss */
section#header h2 {
	margin-top: -7px;
  font-size: 31px;
  color: #0619bf;
  font-weight: 900;
}
/* line 101, ../sass/style.scss */
section.image {
	margin-top: 50px !important;
  text-align: center;
}
/* line 108, ../sass/style.scss */
section.two {
	margin-top: 50px !important;
  text-align: center;
}


/* line 116, ../sass/style.scss */
div.image {
  display: inline-block;
  padding: 0px 20px;
  color: #ec6b69;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
}
/* line 122, ../sass/style.scss */
div.image img {
  display: block;
  margin-bottom: 8px;
}

/* line 127, ../sass/style.scss */
div.quote {
  max-width: 50%;
  font-size: 26px;
  color: #ec6b69;
  padding: 30px;
  padding-left: 0px;
  display: inline-block;
}

/* line 137, ../sass/style.scss */
div.quote.left {
  margin-left: -50px;
  float: left;
  font-weight: 500;
}

/* line 141, ../sass/style.scss */
div.quote.right {
	max-width: 100% !important ;
  margin-right: -200px;
  float: right;
  padding-left: 30px;
}

/* line 146, ../sass/style.scss */
div.quote.image {
  font-size: 16px;
}









nav {

		font-family: "Johann";
		font-size: 22px;
		font-weight: 400;
		position: fixed;
		width: 100%;
		padding: 0.5em;
		background-color: white;
		color: black;
		height: 1.3em;
		overflow: hidden;

}


ul {
	  text-align: center;

}

ul li{
	padding: 0em 2em;	
		display: inline-block;
		text-decoration: none;
}

a{
	
	text-decoration: none;
	color: #ec6b69;
	transition:color 0.1s ease-in-out;
	border-bottom: 2px solid #ec6b69;
	}
	
a:hover{
	color: rgba(236,  107,  105, 0.62);
}

.image .portrait img {
	width: 600px;
}

.image .portrait a {
	border-bottom: none;
	color: #ec6b69;
	transition:color 0.1s ease-in-out;


	
}

.image .portrait a:hover {
	color: rgba(236,  107,  105, 0.62);
}


footer {
	text-align: center;
	margin-top: 40px;
	padding-top: 40px;
  height: 80px;
  background-color: #ec6b69;

}

footer a {
	color: white;
	font-weight: 900; 
}

footer a:hover {
	color: rgba(255, 255, 255, 0.6);
	font-weight: 900; 
}