
html, body {
	height: 100%;
}

#container {
	min-height:100%; 
	display: flex;
  flex-direction: row;
}

img {
  width: 45%;
  height: auto;
  display: flex;
  position:fixed;
  bottom:0px;
  left:5%;
	flex-direction: column;
  align-items: flex-end;
  margin:0;
  float:right;

}

#sidebar {
	width: 40%;
	display: flex;
	flex-direction: row;
  align-items: flex-end;
  background:black;
  text-align:center;
}

/* #links a {
  width: 100%;
  height:50%;
	display: flex;
	flex-direction: column;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size:24px;
  color:white;
} */

#links {
  width: 100%;
  height:50%;
	display: flex;
	flex-direction: column;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: lighter;
  font-size:24px;
}

#links a {
  color:white;
}

#content {
	box-sizing: border-box;
	padding: 0% 0% 0% 0%;
	width: 100%;
}

#main {
  flex: 1;
  margin:0;
}

#text {
  margin-top:3%;
  margin-left: 10%;
  width:33%;
  position:absolute;
}

h1 {
  margin:0;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-align:left;
  font-size:32px;
  margin: 0;
}

h2 {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-align:left;
  color:#BDB8B0;
  font-size:18pt;
}

p {
  margin: 0;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  width: 100%;
  text-align:left;
  line-height:150%;
  color:black;
}

a {
  text-decoration: none;
  color: grey;
}

a:hover{
  text-decoration:underline;
}