@charset "utf-8";

body{
	background: #fff;
	padding: 0;
	margin: 0;
	font-family: HelveticaNeue-Light, sans-serif;
		}
		#container{width:100%;
		max-width: 912px;
		margin: 0 auto;}
	
		input {
  border: none;
}

button:focus {
  outline: none;
}

::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.65);
}

::-webkit-input-placeholder .input-line:focus +::input-placeholder {
  color: #fff;
}

.highlight {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 400;
  cursor: pointer;
  transition: color .2s ease;
}

.highlight:hover {
  color: #000;
  transition: color .2s ease;
}

.spacing {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 120px;
  font-weight: 300;
  text-align: center;
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.65)
}

.input-line:focus {
  outline: none;
  border-color: #000;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.ghost-round {
  cursor: pointer;
  background: #f3ab9b;
  border-radius: 25px;
  color: #fff;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  font-size: 19px;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 2.5em;
  margin-top: auto;
  margin-bottom: 25px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
	border: thin solid #f3ab9b;
}

.ghost-round:hover {
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.input-line {
  background: none;
  margin-bottom: 10px;
  line-height: 2.4em;
  color: #000;
  font-family: roboto;
  font-weight: 300;
  letter-spacing: 0px;
  letter-spacing: 0.02rem;
  font-size: 19px;
  font-size: 1.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.65);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.full-width {
  width: 100%;
}

.input-fields {
  margin-top: 25px;
}

.container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  height: 100%;
	width: 60%;
	margin: 0 auto;
	padding-bottom: 40px;
}


.welcome {
  font-weight: 200;
  margin-top: 40px;
  text-align: center;
  font-size: 40px;
  font-size: 2.5rem;
  letter-spacing: 0px;
  letter-spacing: 0.05rem;
	color: #f3ab9b;
}

.subtitle {
  text-align: center;
  line-height: 1.3em;
  font-weight: 100;
  letter-spacing: 0px;
  letter-spacing: 0.02rem;
	color: #f3ab9b;
	font-size: 20px;
	font-family: HelveticaNeue-Light, sans-serif;
}


.bold-line {
  background: #000;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  width: 100%;
  height: 360px;
  z-index: 1;
  opacity:0.1;
    background: url('https://pexels.imgix.net/photos/27718/pexels-photo-27718.jpg?fit=crop&w=1280&h=823') left no-repeat;
  background-size:cover;
}

a{cursor: pointer;}

.off{display:none;} .on{display:block;}

.foot{
	width: 50%; float: left
}
.foot-1{
	padding: 0 0 0 35%;
}
.bio-a{
	padding: 3% 2.5% 2.5% 10%;
}
.bio-b{
	padding: 3% 10% 2.5% 2.5%;
}
@media (max-width: 480px) {
  .window {
    width: 100%;
    height: 100%;
  }
  .overlay {
    width: 100%;
    height: 100%;
  }
	.off{display:block;}
	.on{display:none;}
	
	.foot{
	width: 100%; float: left
}
	.foot-1{
	padding: 0 0 0 15%;
}
	.bio-a{
	padding: 5% 12%;
}
	.bio-b{
	padding: 5% 12%;
}
}